/* ********************************************************************************************* */
/* * FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS * */
/* * FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS FONTS * */
/* ********************************************************************************************* */

@font-face {
	font-family: 'Archer-Bold';
	src: url('../fonts/archerboldpro.eot');
	src: url('../fonts/archerboldpro.eot?#iefix') format('embedded-opentype'),
	url('../fonts/archerboldpro.woff') format('woff'),
	url('../fonts/archerboldpro.ttf') format('truetype'),
	url('../fonts/archerboldpro.svg#archerboldpro') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face{
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face{
	font-family: 'Montserrat';
	src:url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face{
	font-family: 'Montserrat';
	src:url('../fonts/Montserrat-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

/* ********************************************************************************************* */
/* * COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLOR * */
/* * COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLOR * */
/* ********************************************************************************************* */


.color-theme-cadre_vie       			{ color : #B5511C; }
.color-theme-culture         			{ color : #2F5ED9; }
.color-theme-economie_emploi 			{ color : #D95A0A; }
.color-theme-education       			{ color : #822AFA; }
.color-theme-environnement              { color : #7CB217; }
.color-theme-prevention_securite        { color : #000000; }
.color-theme-proprete					{ color : #8DCEFD; }
.color-theme-sante						{ color : #EA1B1B; }
.color-theme-solidarite					{ color : #CF35B1; }
.color-theme-sport						{ color : #1641D3; }
.color-theme-transport					{ color : #1EBA90; }
.color-theme-ville_numerique			{ color : #00DFFC; }

.bgcolor-theme-bggrey				   { background-color: #F4F3F3; }
.bgcolor-bporange					   { background-color: #F2903C; }
.bgcolor-theme-lightgray               { background-color: #DBDBDB; }
.bgcolor-theme-gray                    { background-color: #b0b0b0; }
.bgcolor-theme-autre                   { background-color: #888888; }
.bgcolor-theme-cadre_vie               { background-color: #7d89af; }
.bgcolor-theme-culture                 { background-color: #ffd7b3; }
.bgcolor-theme-economie_emploi         { background-color: #e88899; }
.bgcolor-theme-education               { background-color: #bfbfff; }
.bgcolor-theme-environnement           { background-color: #84c76e; }
.bgcolor-theme-logement                { background-color: #ed7214; }
.bgcolor-theme-participation_citoyenne { background-color: #db0c14; }
.bgcolor-theme-prevention_securite     { background-color: #ffa96f; }
.bgcolor-theme-proprete                { background-color: #3a9de6; }
.bgcolor-theme-sante                   { background-color: #0fcd9d; }
.bgcolor-theme-solidarite              { background-color: #ff9de2; }
.bgcolor-theme-sport                   { background-color: #ff736f; }
.bgcolor-theme-transport               { background-color: #addaff; }
.bgcolor-theme-ville_numerique         { background-color: #0f98af; }

.bordered-4px-theme-lightgray               { border: 4px solid #dddddd; }
.bordered-4px-theme-gray                    { border: 4px solid #b0b0b0; }

.bordered-4px-theme-autre                   { border: 4px solid #888888; }
.bordered-4px-theme-cadre_vie               { border: 4px solid #7d89af; }
.bordered-4px-theme-culture                 { border: 4px solid #ffd7b3; }
.bordered-4px-theme-economie_emploi         { border: 4px solid #e88899; }
.bordered-4px-theme-education               { border: 4px solid #bfbfff; }
.bordered-4px-theme-environnement           { border: 4px solid #84c76e; }
.bordered-4px-theme-logement                { border: 4px solid #ed7214; }
.bordered-4px-theme-participation_citoyenne { border: 4px solid #db0c14; }
.bordered-4px-theme-prevention_securite     { border: 4px solid #ffa96f; }
.bordered-4px-theme-proprete                { border: 4px solid #3a9de6; }
.bordered-4px-theme-sante                   { border: 4px solid #0fcd9d; }
.bordered-4px-theme-solidarite              { border: 4px solid #ff9de2; }
.bordered-4px-theme-sport                   { border: 4px solid #ff736f; }
.bordered-4px-theme-transport               { border: 4px solid #addaff; }
.bordered-4px-theme-ville_numerique         { border: 4px solid #0f98af; }

.bordered-light-4px-theme-autre                   { border: 4px solid rgba( 136, 136, 136, 0.3); background-color: rgba( 136, 136, 136, 0.3); }
.bordered-light-4px-theme-cadre_vie               { border: 4px solid rgba( 125, 137, 175, 0.3); background-color: rgba( 125, 137, 175, 0.3); }
.bordered-light-4px-theme-culture                 { border: 4px solid rgba( 255, 215, 179, 0.3); background-color: rgba( 255, 215, 179, 0.3); }
.bordered-light-4px-theme-economie_emploi         { border: 4px solid rgba( 232, 136, 153, 0.3); background-color: rgba( 232, 136, 153, 0.3); }
.bordered-light-4px-theme-education               { border: 4px solid rgba( 191, 191, 255, 0.3); background-color: rgba( 191, 191, 255, 0.3); }
.bordered-light-4px-theme-environnement           { border: 4px solid rgba( 132, 199, 110, 0.3); background-color: rgba( 132, 199, 110, 0.3); }
.bordered-light-4px-theme-logement                { border: 4px solid rgba( 237, 114,  20, 0.3); background-color: rgba( 237, 114,  20, 0.3); }
.bordered-light-4px-theme-participation_citoyenne { border: 4px solid rgba( 219,  12,  20, 0.3); background-color: rgba( 219,  12,  20, 0.3); }
.bordered-light-4px-theme-prevention_securite     { border: 4px solid rgba( 255, 169, 111, 0.3); background-color: rgba( 255, 169, 111, 0.3); }
.bordered-light-4px-theme-proprete                { border: 4px solid rgba(  58, 157, 230, 0.3); background-color: rgba(  58, 157, 230, 0.3); }
.bordered-light-4px-theme-sante                   { border: 4px solid rgba(  15, 205, 157, 0.3); background-color: rgba(  15, 205, 157, 0.3); }
.bordered-light-4px-theme-solidarite              { border: 4px solid rgba( 255, 157, 226, 0.3); background-color: rgba( 255, 157, 226, 0.3); }
.bordered-light-4px-theme-sport                   { border: 4px solid rgba( 255, 115, 111, 0.3); background-color: rgba( 255, 115, 111, 0.3); }
.bordered-light-4px-theme-transport               { border: 4px solid rgba( 173, 218, 255, 0.3); background-color: rgba( 173, 218, 255, 0.3); }
.bordered-light-4px-theme-ville_numerique         { border: 4px solid rgba(  15, 152, 175, 0.3); background-color: rgba(  15, 152, 175, 0.3); }

.transparency-theme-autre                   { background-color: RGBA(136, 136, 136, 0.2); }
.transparency-theme-cadre_vie               { background-color: RGBA(125, 137, 175, 0.2); }
.transparency-theme-culture                 { background-color: RGBA(255, 215, 179, 0.2); }
.transparency-theme-economie_emploi         { background-color: RGBA(232, 136, 153, 0.2); }
.transparency-theme-education               { background-color: RGBA(191, 191, 255, 0.2); }
.transparency-theme-environnement           { background-color: RGBA(132, 199, 110, 0.2); }
.transparency-theme-logement                { background-color: RGBA(237, 114,  20, 0.2); }
.transparency-theme-participation_citoyenne { background-color: RGBA(219,  12,  20, 0.2); }
.transparency-theme-prevention_securite     { background-color: RGBA(255, 169, 111, 0.2); }
.transparency-theme-proprete                { background-color: RGBA( 58, 157, 230, 0.2); }
.transparency-theme-sante                   { background-color: RGBA( 15, 205, 157, 0.2); }
.transparency-theme-solidarite              { background-color: RGBA(255, 157, 226, 0.2); }
.transparency-theme-sport                   { background-color: RGBA(255, 115, 111, 0.2); }
.transparency-theme-transport               { background-color: RGBA(173, 218, 255, 0.2); }
.transparency-theme-ville_numerique         { background-color: RGBA( 15, 152, 175, 0.2); }

.bg_img_autre								{background-image: url(../images/local/skin/i3_grey_autre.svg) 					 }
.bg_img_cadre_vie							{background-image: url(../images/local/skin/i3_grey_cadre_vie.svg) 				 }
.bg_img_culture								{background-image: url(../images/local/skin/i3_grey_culture.svg) 				 }
.bg_img_economie_emploi						{background-image: url(../images/local/skin/i3_grey_economie_emploi.svg) 		 }
.bg_img_education							{background-image: url(../images/local/skin/i3_grey_education.svg) 				 }
.bg_img_environnement						{background-image: url(../images/local/skin/i3_grey_environnement.svg) 			 }
.bg_img_logement							{background-image: url(../images/local/skin/i3_grey_logement.svg) 				 }
.bg_img_participation_citoyenne				{background-image: url(../images/local/skin/i3_grey_participation_citoyenne.svg) }
.bg_img_prevention_securite					{background-image: url(../images/local/skin/i3_grey_prevention_securite.svg) 	 }
.bg_img_proprete							{background-image: url(../images/local/skin/i3_grey_proprete.svg) 				 }
.bg_img_sante								{background-image: url(../images/local/skin/i3_grey_sante.svg) 					 }
.bg_img_solidarite							{background-image: url(../images/local/skin/i3_grey_solidarite.svg) 			 }
.bg_img_sport								{background-image: url(../images/local/skin/i3_grey_sport.svg) 					 }
.bg_img_transport							{background-image: url(../images/local/skin/i3_grey_transport.svg) 				 }
.bg_img_ville_numerique						{background-image: url(../images/local/skin/i3_grey_ville_numerique.svg)		 }


.separator-horiz-4px { 
	margin-top: 50px; padding-top: 50px;
	border-top: 1px solid #707070; 
}

/* ------------------------------ Projets non retenus / perdants au vote / abandonnes ------------------------------ */

.bgcolor-theme-nonretenu,
.bgcolor-theme-perdant,
.bgcolor-theme-abandonne { ,
	background-color: #e0e0e0!important; 
	color: #404040!important;  
}

.bordered-4px-theme-nonretenu,
.bordered-4px-theme-perdant,
.bordered-4px-theme-abandonne { 
	border: 5px solid #e0e0e0; 
}

.grayscaled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

/* ********************************************************************************************* */
/* * GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL G * */
/* * GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL G * */
/* ********************************************************************************************* */

html { 
	font-size: 62.5%;
}

html * { 
	outline:none!important;
}

body {
	color: #071f32; 
	font-family: 'Montserrat', sans-serif;
	font-size: 1.4rem;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Avoid wrapping some text */
span.avoidwrap { display: inline-block; white-space: pre; }

.twitter-tweet-button, .fb-like{
	display:none!important;
}

/* ------------------------------ Paginateur SOLR ------------------------------ */

#paginator { 
	padding: 30px 0px 70px 0px; 
	font-size: 2.2rem;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
}

#paginator a { 
	color: #071f32;
	padding: 5px 15px 5px 15px;
	display:flex;
	margin: 0 10px;
}

#paginator a:hover { 
	color: #071f32;
	text-decoration:none;
	background-color: rgba(7, 31, 50, 0.1);
}

#paginator a.navi-page-back{
	    transform: rotate(180deg);
}

#paginator .paginator-current-page { 
    background-color: #071f32;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    border-radius: 100%;
    margin: 0 10px;
}

#paginator .paginator-num-page { 
	padding: 5px 13px 5px 13px;
	border-radius: 100%;
}

#paginator .paginator-navi-page { 
	padding: 14px 14px 14px 16px;
	color: #071f32; 
}

#paginator .paginator-navi-page:hover,
#paginator .paginator-navi-page:focus { 
	background-color: rgba(7, 31, 50, 0.1);
	color: #ffffff;
	text-decoration:none;
	border-radius: 100%;
}

/* ********************************************************************************************* */
/* * BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP * */
/* * BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP BOOTSTRAP * */
/* ********************************************************************************************* */

/* Changing container width to 1140px (1140px + 15px + 15px = 1170px) */
@media (min-width: 1200px) {
    .container{
        width: 1170px;
    }
}

/* Responsive img */
.responsive {
	max-width: 100%;
	height: auto;
}

/* Bootstrap columns with same height */
.row-eq-height {
	display: flex;
	flex-wrap:wrap;
}

/* ------------------------------ Alerts ------------------------------ */

.alert {
	box-shadow: none;
	text-shadow: none;
}

.alert a.close {
	opacity:inherit;
	color:#ffffff;
	font-family:'Montserrat'; font-weight:400;
}

.alert-success {
	background: #40a83a;
    border-radius: 0;
    border: none;
    color:#ffffff;
}

.alert-info {
	background: #17344f;
    border-radius: 0;
    border: none;
    color:#ffffff;
}

.alert-warning {
    border-radius: 0;
    border: 4px solid #E8404E;
    color:#D2223C;
    text-align:center;
    background:none;
    font-weight:900;
    background-color: #ffffff;
    position:relative;
}

.alert-danger {
	background: darkred;
    border-radius: 0;
    border: none;
    color:#ffffff;
}

/* ********************************************************************************************* */
/* * BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS B * */
/* * BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS BUTTONS B * */
/* ********************************************************************************************* */

.btn { 
	max-width: 100%; 
	border-radius: 0px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
	font-weight: 700;
	position:relative;
	z-index: 0;
	transition: color .15s ease-in-out, background-color .15s ease-in-out;
	text-shadow: none;
}

.btn-12rem {
	padding: 15px 22px 15px 22px;
    border-width: 1px!important;
    font-size: 1.2rem;
    line-height: normal;
}

.btn-14rem {
	padding: 15px 25px 15px 25px; 
	font-size: 1.4rem; line-height: normal;
}

.btn-16rem {
	padding: 9px 32px 9px 32px; 
	font-size: 1.6rem; line-height: normal;
}

.btn-18rem {
	padding: 10px 35px 8px 35px; 
	font-size: 1.8rem; line-height: normal;
}

.btn-18rem.btn-white-transparent, .btn-18rem.btn-white-on-red, .btn-18rem.btn-black-on-allwhite{
	padding: 13px 38px 11px 38px;
}

.btn-24rem {
	padding: 15px 45px 12px 45px; 
	font-size: 2.4rem; line-height: normal;
}

.btn-white-transparent:hover,
.btn-white-transparent:focus,
.btn-white-transparent:active {
	background-color: #ffffff;
}

.btn-white-on-green { 
	border: 4px solid #ffffff;
	background-color: #40a83a;
	color: #ffffff;
	transition: all 0.2s ease-in-out;
}

.btn-white-on-green:hover, 
.btn-white-on-green:focus, 
.btn-white-on-green:active { 
	background-color: #ffffff;
	color: #40a83a;
}

.btn-green-on-white { 
	border: 4px solid #40a83a;
	background-color: #ffffff;
	color: #40a83a;
	transition: all 0.2s ease-in-out;
}

.btn-green-on-white:hover, 
.btn-green-on-white:focus, 
.btn-green-on-white:active { 
	background-color: #40a83a;
	color: #ffffff;
}

.btn-black-on-white { 
	border: 1px solid #071f32;
	background-color: #ffffff;
	color: #071f32;
	transition: all 0.2s ease-in-out;
}

.btn-black-on-white:hover, 
.btn-black-on-white:focus, 
.btn-black-on-white:active { 
	background-color: #071f32;
	color: #ffffff;
}

.btn-search { 
	overflow: initial; 
	font-size: 1.6rem; 
}

.btn-search:hover, 
.btn-search:focus, 
.btn-search:active { 
	box-shadow: none; outline: none!important; 
}

.btn-unactive,
.btn-unactive:hover, 
.btn-unactive:focus, 
.btn-unactive:active { 
	border: 2px solid #bbbbbb; 
	background-color: #ffffff; 
	color: #bbbbbb; 
}

.btn-white-on-red{
	background-color: #E22B3F;
	color: #ffffff;
	border: 1px solid #E22B3F;
}

.btn-white-on-blue{
	background-color:#354BCF;
	color:#ffffff;
	border:1px solid #354BCF;
}

.btn-white-on-red:active,
.btn-white-on-red:hover,
.btn-white-on-red:focus{
	color:#E22B3F;
}

.btn-white-on-blue:active,
.btn-white-on-blue:hover,
.btn-white-on-blue:focus{
	color:#354BCF;
}

.btn-red-on-white{
	color:#E22B3F;
	background-color:#ffffff;
}

.btn-red-on-white:active,
.btn-red-on-white:hover,
.btn-red-on-white:focus{
	color:#ffffff;
	background-color:#E22B3F;
}

.btn-white-on-red:active::before,
.btn-white-on-red:hover::before,
.btn-white-on-red:focus::before,
.btn-white-on-blue:active::before,
.btn-white-on-blue:hover::before,
.btn-white-on-blue:focus::before{
	width:100%;
}

.btn::before {
    content: "";
    background-color: rgb(255, 255, 255);
    bottom: 0px;
    display: block;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 0px;
    z-index: -1;
    transition: width 0.3s ease 0s;
}

.btn-white-transparent{
	border: 1px solid #ffffff;
	color: #ffffff;
}

.btn-black-on-allwhite{
	border:1px solid #ffffff;
	color: #000000;
	background-color: #ffffff;
}

.btn-black-on-allwhite:active,
.btn-black-on-allwhite:focus,
.btn-black-on-allwhite:hover{
	color: #ffffff;
	background-color: transparent;
}

/* ------------------------------ Search Switch Views Buttons ------------------------------ */

.btn-map-active { 
	margin: 2px; padding: 0px; 
	width: 56px; height: 56px; 
	border: 2px solid #071f32; border-radius: 0px; 
	background-color: inherit; background-image: url(../images/local/skin/btn-map-black.png); background-repeat: no-repeat; background-position: center 5px; 
	transition: all 0.2s ease-in-out;
}

.btn-map-active:hover { 
	background-color: #071f32; background-image: url(../images/local/skin/btn-map.png);
	color: #ffffff;
}

.btn-map-active p { 
	margin: 30px 0px 0px 0px; 
	font-size: 1.2rem; font-weight: bold; text-transform: uppercase; 
}

.btn-map-unactive { 
	margin: 2px; 
	width: 56px; height: 56px;  
	border-radius: 0px; 
	opacity: 1!important;
	background-color: #b2e2eb; background-image: url(../images/local/skin/btn-map-unactive.png); background-repeat: no-repeat; background-position: center; 
}

.btn-list-active { 
	margin: 2px; padding: 0px; 
	width: 56px; height: 56px; 
	border: 2px solid #071f32; border-radius: 0px; 
	background-color: inherit; background-image: url(../images/local/skin/btn-list-black.png); background-repeat: no-repeat; background-position: center 5px; 
	transition: all 0.2s ease-in-out;
}

.btn-list-active:hover { 
	background-color: #071f32; background-image: url(../images/local/skin/btn-list.png);
	color: #ffffff;
}

.btn-list-active p { 
	margin: 30px 0px 0px 0px; 
	font-size: 1.2rem; font-weight: bold; text-transform: uppercase; 
}

.btn-list-unactive { 
	margin: 2px; 
	width: 56px; height: 56px;  
	border-radius: 0px; 
	opacity: 1!important;
	background-color: #b2e2eb; background-image: url(../images/local/skin/btn-list-unactive.png); background-repeat: no-repeat; background-position: center; 
}

/* ********************************************************************************************* */
/* * FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM * */
/* * FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM FORM * */
/* ********************************************************************************************* */

#search-form {
	margin-bottom: 45px; padding: 45px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-items: center;
	
} 

#search-prj #search-form, 
#search-prj-form #search-form {
	background-image: url(../images/local/skin/trace-orange-horizontale.png);
}

#search-form a.searchParametersButton {
	color: #ffffff;
	font-size: 1.6rem;
} 

#search-form-links {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
} 

#search-form-links > div {
	margin-left: 20px;
	padding-right: 15px;
	border-left: solid 2px #071f32;
}

#search-form-links a {
	color: #071f32;
	font-size: 1.5rem; font-weight: 700; text-decoration: none;
} 

#search-form-links a:hover,
#search-form-links a:focus,
#search-form-links a:active {
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
} 

#search-form .row:not(:first-of-type) {
	margin-bottom: 10px;
}

#search-form h1 {
	margin: 0px;
    color: #ffffff;
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 15px;
    line-height: 4.1rem;
}

#search-form h2 {
	margin-top: 10px;
	color: #071f32;
	font-size: 3rem; font-weight: 700;
}

#search-form .form {
	margin: 45px 0px 0px 0px;
}

#search-form .form-control, #sub-search-sorts .form-control {
	height: 39px; width: 100%;
	padding: 0px 10px;
	display: flex; align-items: center;
	border-radius: 0px;
    font-size: 1.3rem;
    font-weight: 600;
    border: 1px solid black;
}

#search-form .checkbox.form-control{
	background:0;
	border:none;
	box-shadow: none;
    font-weight: 500;
}

#search-form label {
	width: 100%;
}

#search-form .checkbox {
	margin: 0px;
}

#search-form .checkbox label { 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
}

#search-form input, #search-prj select{ 
	border: 0; 
	box-shadow: none; 
}

#search-form label.select, #sub-search-sorts label.select { 
	position: relative; 
	margin-right: 10px; 
}

#search-form input[type=text].form-control {
	height: 70px;
	border-left:none;
}

#search-form button.btn-search {
	height: 70px;
	padding: 0px 20px;
	color: #071F32;
	border-right:none;
}

#search-form #solr::placeholder, #search-form #solr-t::placeholder{
	font-weight: 700;
    color: #908f8f;
}

#search-form #solr, #search-form #solr-t{
	font-size: 2.6rem;
	border-left:none;
	color: #071F32;
}

#search-form select, #sub-search-sorts select	{ 
	margin: 0px; padding: 3px; 
	display: inline-block; 
	-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer;
	border: none; 
	font-weight: normal; 
	background-color: #F4F3F3;
}

#sub-search-msg{
	padding: 20px 0;
}

.result-container, .btn-container{
    margin: auto;
}

.btn-container{
	display:flex;
}

.result-container{
	background-color: #F4F3F3;
	padding: 45px 15px;
    margin-bottom: 100px;
    margin-top: 15px;
    padding: 45px 15px;
}

.container-nav{
	margin: auto;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;
}

/* --- Icon top-to-bottom array --- */
#search-form label.select:before { content: ''; right: 6px; top: 4px; width: 20px; height: 20px; background: #F4F3F3; position: absolute; pointer-events: none; display: block; }
#search-form label.select:after, #sub-search-sorts label.select:after  { content: '\f107'; color: #354BCF; font-family: 'FontAwesome'; font-size: 2rem; right: 8px; top: 4px; position: absolute; pointer-events: none; }

/* ------------------------------ Sub Search ------------------------------ */

#sub-search {
	margin-bottom: 15px;
}

#sub-search .row,
#sub-search-sorts,
#sub-search div[class ^= "col-"] {
	display: flex; align-items: center;
}

#sub-search-nbitems {
    margin-left: auto;
    margin-right: 30px;
    margin-bottom: 15px;
    font-weight: 700;
}

#sub-search-msg {
    font-weight: 900;
}

#sub-search-right-panel-row{
	display: flex;
	justify-content: flex-end;
}

#sub-search-right-panel{
	display: flex;
	align-items: center;
}

#sub-search .form-control {
	margin-left: 10px;
	background-color: #f3f3f3;
	border-radius: 0px;
	color: #666666; 
	font-weight: normal;
	width: 150px;
}

/* ********************************************************************************************* */
/* * NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV N * */
/* * NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV N * */
/* ********************************************************************************************* */
 
/* ------------------------------ Main navbar ------------------------------ */

.navbar-fixed-top { 
	border-width: 0px; 
}

#main-navbar-bp	{
	padding: 0px 0px 0px 15px;
	height: 70px;
	background-color: #ffffff; 
	color: #071f32;
	font-family: 'Montserrat', sans-serif; font-size: 1.4rem; font-weight: 600;
}

#main-navbar-bp .container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
}

#main-navbar-bp .container:after, #main-navbar-bp .container:before{
	content:none;
}

@media (min-width: 1300px) {
	#main-navbar-bp .container {
		width:1240px;
	}
}

@media (max-width: 1299px){
	#main-navbar-bp .container{
		width:100%;
	}
}

#main-navbar-bp	.brand {
	display: flex; justify-content: space-between; align-items: center;
}

#main-navbar-bp .nef img {
	margin-right: 8px;
	height: 41px;
}

#main-navbar-bp .paris {
	margin-right: 20px;
}

#main-navbar-bp .paris img {
	height: 40px;
}

#main-navbar-bp .logo {
	padding-left: 18px;
	width: 130px;
	font-size: 14pt;
}

#main-navbar-bp .brand hr{
	height: 32px;
    width: 2.4px;
    background-color: #071f32;
}

/* If before/after pseudo-elements are displayed, space-between takes count of them when distributing all items */
#main-navbar-bp:before,
#main-navbar-bp:after {
	display: none;	
}

#main-navbar-bp ul {
	display: flex; align-items: center;
}

#main-navbar-bp #navbar-collapse-main > ul > li {
	padding: 0px 17px;
	height: 70px;
	display: flex; align-items: center;
}

#main-navbar-bp > div > ul > li.active > a > span {
	border-bottom: 1px solid #ffffff; 
}

#main-navbar-bp li.last {
	margin-right: 10px;
}

#main-navbar-bp #connect img {
	margin-right: 14px;
}

#main-navbar-bp a{
	display: flex; align-items: center;
	height: 70px;
    color: #071f32;
    font-weight: 600;
    position:relative;
}

#main-navbar-bp a.banner-mon-compte__connexion-avatar .user-logo{
	height: 24px;
	width: 24px;
}

#main-navbar-bp a.banner-mon-compte__connexion-avatar{
    color: #354BCF;
}

#main-navbar-bp .banner-mon-compte__connexion-wrapper .banner-mon-compte__connexion-avatar .banner-mon-compte__my-account::after{
	content: none;
}

#main-navbar-bp .banner-mon-compte__connexion-wrapper .banner-mon-compte__connexion-avatar span.banner-mon-compte__my-account{
	display: flex;
    opacity: 1;
    left: 0;
    top: 0;
    font-size: unset;
    transform: none;
    position: relative;
    text-transform: none;
}

#main-navbar-bp .banner-mon-compte__connexion-wrapper .banner-mon-compte__connexion-avatar, .banner-mon-compte__connexion-wrapper .banner-mon-compte__connected-avatar{
	padding: 0;
    width: 100%;
    border-radius: 0;
    background-color: #ffffff;
    box-shadow: none;
}

.banner-mon-compte__connexion-wrapper{
	height: 100%;
	position: unset;
}

.banner-mon-compte__connexion-avatar > svg{
	display:none;
}

#main-navbar-bp a:hover,
#main-navbar-bp a:active,
#main-navbar-bp a:focus {
	text-decoration: none;
}

#main-navbar-bp li > a > span {
	border-bottom: 1px solid transparent;
}

#main-navbar-bp li > a::before, #main-navbar-bp li > div > a::before{
	background: currentColor;
    display: block;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    -webkit-transition: height .2s ease;
    transition: height .2s ease;
    width:100%;
}

#main-navbar-bp li.dropdown > ul > li:hover  > a, 
#main-navbar-bp li.dropdown > ul > li:focus  > a, 
#main-navbar-bp li.dropdown > ul > li:active > a {
	text-decoration: none;
}

#main-navbar-bp li.dropdown > ul > li:hover  > a > span, 
#main-navbar-bp li.dropdown > ul > li:focus  > a > span, 
#main-navbar-bp li.dropdown > ul > li:active > a > span {
	border-bottom: 1px solid #ffffff!important;
}

#main-navbar-bp .fa-search{
	display:none;
}

/* ------------------------------ Connect button ------------------------------ */

/* Not connected */

#main-navbar-bp #connect,
#main-navbar-bp li.dropdown {
	height: 70px;
}
	
#main-navbar-bp .dropdown-menu a {
	background: inherit;	
}
	
/* Connected */

#main-navbar-bp li.dropdown ul { 
	margin: 0px; padding-top: 20px; padding-bottom: 20px;
	box-shadow: none;
	border-top: 1px solid #071F32; border-radius: 0px; 
	display: none; 
	background-color: #ffffff; 
	font-size: 1.4rem;
}

#main-navbar-bp li.dropdown.open ul	{ 
	display: flex; flex-direction: column; align-items: flex-start;
}

#main-navbar-bp li.dropdown ul li { 
	height: 50px; width: 100%;
}

#main-navbar-bp li.dropdown ul li:nth-child(2) {
	margin-bottom: 20px; padding-bottom: 20px;
	border-bottom: 1px solid #ffffff;
}

#main-navbar-bp li.dropdown ul li:last-of-type {
	margin-top: 20px; padding-top: 20px;
	border-top: 1px solid #ffffff;
}

#main-navbar-bp li.dropdown.open li.active a span { 
	border-bottom: 1px solid #ffffff;
}

#main-navbar-bp li.dropdown.open li.active a { 
	font-weight: 700;
}

/* ------------------------------ Other navbar ------------------------------ */

nav ul {
	display: flex; justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
 
/* ********************************************************************************************* */
/* * HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE * */
/* * HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE * */
/* ********************************************************************************************* */

#homepage{
	background-color: #F4F3F3;
}

#pastille-newsletter{
	position: fixed;
    display: flex;
    align-items:center;
    flex-direction: column;
    color: #D2223C;
    background-color: #ffffff;
    padding: 25px 15px 35px 15px;
    border-radius: 100%;
    top: 74%;
    left: 83%;
    box-shadow: 10px 13px 16px #00000010;
    z-index: 2;
    font-weight: 900;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

#pastille-newsletter:visited,
#pastille-newsletter:focus,
#pastille-newsletter:active{
	text-decoration:none;
}

#pastille-newsletter:hover{
	text-decoration:none;
	color: #ffffff;
	background-color: #D2223C;
}

#pastille-newsletter:hover > svg > g > g > path{
	fill: #ffffff;
}

#pastille-newsletter > svg > g > g > path{
	transition: fill .15s ease-in-out;
}



/* ------------------------------ Who ------------------------------ */

#who-wrapper { 
	padding: 30px 0px 34px 0px; 
	display: flex; justify-content: center; align-items: center; 
	text-align: center; 
	font-size: 2.3rem; font-weight: 700; line-height: 2.8rem; 
}

#who-wrapper p {
	margin: 0px;
}

#who-wrapper .who-even { 
}

#who-wrapper .who-odd  { 
	color: #40a83a; 
}

/* ------------------------------ HomeMsg ------------------------------ */

#homemsg { 
	display: flex; 
	align-items: center; 
	justify-content: center;
	height:722px;
	background-image: url(../images/local/skin/BPBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-shadow: 0px 0px 15px black;
}

#homemsg-head { 
	display: flex;
	flex-direction: row;
	align-items: center;
}

#homemsg-head img {
	transform: rotate(-4deg);
}

#homemsg-head-msg { 
	padding: 0px 15px;
	color: #ffffff;
	font-size: 2.4rem;
    font-weight: bold;
}

#homemsg-date { 
	color: #ffffff;
	font-size: 4.1rem;
	text-transform: uppercase;
	font-weight: 900;
}

#homemsg-slogan { 
	margin-bottom: 20px;
    color: #ffffff;
    font-size: 4.1rem;
    text-transform: uppercase;
    font-weight: 900;
}

#homemsg-button { 
	margin-bottom: 50px;
}

#homemsg-button .btn {
	margin-bottom: 15px;
}

#homemsg-foot ul {
	text-align: start;	
	font-size: 1.6rem; font-weight: 700; 
}

#homemsg-foot ul li:not(:last-child) {
	margin-right: 30px; padding-right: 30px;
	border-right: 2px solid #ffffff;
}

#homemsg-foot ul li a {
    border-bottom: 1px solid #000000;
	color: #000000;
}

#homemsg-foot ul li a:hover, 
#homemsg-foot ul li a:focus, 
#homemsg-foot ul li a:active { 
    border-bottom: 1px solid #ffffff;
	color: #ffffff;
	text-decoration: none;
}

#homemsg .row{
	z-index:1;
	position: relative;
}

#homemsg-banner{
	position: absolute;
    min-width: 100%;
    height: auto;
    width: auto;
    z-index: -1;
}

.frontiere-peinture{
	position: absolute;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 1200px;
    -webkit-user-select: none;
    -moz-user-select: none;
    flex-direction: row;
    justify-content: center;
    z-index: 0;
}

#frontiere1{
	margin-top: 1200px;
}

#frontiere2{
    margin-top: 100px;
}


#home-trace1{
}

#home-trace2{
	margin-left:-1600px;
}

#home-trace3{

}

#home-trace4{
	margin-left: -1400px;
    transform: rotate(3deg);
}


/* ------------------------------ Realization focus ------------------------------ */

#pgagn{
	margin-top: -200px;
	z-index: 1;
    position: relative;
}

#pgagn-focus {
	margin-bottom: 70px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}

#pgagn-focus #portlet-pgagn p.main {
	font-family: 'Montserrat', sans-serif;
	font-size: 3.1rem;
	font-variant-numeric: lining-nums;
	line-height: 2.6rem;
	text-transform: uppercase;
	font-weight: 900;
}
#pgagn-focus #portlet-pgagn p.main:first-child {
	font-size: 4.6rem;
	line-height: 6.6rem;
}

#pgagn-focus #portlet-pgagn p.sub {
	margin-bottom: 60px;
	text-align: start;
	font-size: 1.2rem;
}

.vertical-line {
  border-left: 2px solid green;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-top: -5px;
}

.progress {
	margin: 5px 30px;
}

.progress-bar-success {
	background-color: #7CB217;
	background-image: linear-gradient(to bottom, #7CB217 0, #7CB217 100%)
}

.progress-bar-info {
	background-color: #8DCEFD;
	background-image: linear-gradient(to bottom, #8DCEFD 0, #8DCEFD 100%)
}

.progress-bar-warning {
	background-color: #FFCD00;
	background-image: linear-gradient(to bottom, #FFCD00 0, #FFCD00 100%)
}

.progress-bar-danger {
	background-color: #EA1B1B;
	background-image: linear-gradient(to bottom, #EA1B1B 0, #EA1B1B 100%)
}



.vote-percentages{
	margin: 0 30px;
	display:flex;
}

.vote-percent{
	text-align:center;
	font-size: 1.2rem;
}

.mention-icon{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#portlet-pgagn-focus p {
	margin-bottom: 25px;
	font-size: 3rem;
	font-weight: 900;
	color: #ffffff;
}

#portlet-pgagn-focus .focus-item {
	height: 100%;
	display: flex; 
	flex-direction: column;
	background-color: #ffffff;
}

#portlet-pgagn-focus .col-md-4 a {
	color: inherit;
}

#portlet-pgagn-focus .col-md-4 a:hover,
#portlet-pgagn-focus .col-md-4 a:active,
#portlet-pgagn-focus .col-md-4 a:focus {
	text-decoration: none;
}

#portlet-pgagn-focus .col-md-4 a:hover  .focus-link,
#portlet-pgagn-focus .col-md-4 a:active .focus-link,
#portlet-pgagn-focus .col-md-4 a:focus  .focus-link {
	background-color: #071f32;
	color: #ffffff;
}

#portlet-pgagn-focus .focus-img img {
	width: 100%; height: 200px;
	object-fit: cover;
}

#portlet-pgagn-focus .focus-theme {
	height: 46px;
	padding-top: 2px;
	display: flex; align-items: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.6rem;
}

#portlet-pgagn-focus .focus-theme .focus-icon img {
	margin:auto;
}

#portlet-pgagn-focus .focus-icon{
	background-color: currentColor;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    margin-left: 20px;
    margin-right: 10px;
    display: flex;
    margin-top: -50px;
    box-shadow: 0px 3px 6px #0000005e;
}
    

#portle-pgagn-focus .focus-icon > img{
	margin:auto;
}

#portlet-pgagn-focus .focus-info {
	padding: 25px 0px; 
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-grow: 1; 
}

#portlet-pgagn-focus div .finished { 
	border-width: 4px; 
	border-radius: 1000px;
}

#portlet-pgagn-focus .focus-title {
	width: 100%;
	padding: 0px 30px 17px 30px;
	font-size: 1.8rem;
	font-weight: 700;
	border-bottom: 1px solid #8080801f;
	height: 90px;
}

/* To force alignment on bottom */
#portlet-pgagn-focus .focus-bottom {
	margin-top: auto;
	text-align: center;
	padding: 17px 30px 0px 30px;
}

#portlet-pgagn-focus .focus-phase {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: start;
	color: #F2903C;
}

#portlet-pgagn-focus .focus-steps {
	margin-bottom: 10px;
	display: flex; justify-items: center;
}

#portlet-pgagn-focus .focus-step {
	height: 8px;
    flex-grow: 1;
    border-radius: 2rem;
    margin-right: -3px;
    margin-left: -3px;
}

#portlet-pgagn-focus .bgcolor-bporange{
	z-index:1;
}

#portlet-pgagn-focus .focus-steps-icons{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin-bottom:20px;
}

/* ------------------------------ Realization links ------------------------------ */

#pgagn-discover {
	margin-bottom: 60px;
}

#pgagn-discover > p {
	margin-bottom: 25px;
	font-size: 3.0rem; font-weight: 700;
}

#pgagn-discover > div > div > p, #pgagn-discover > div > div > div > p {
	font-size: 2.4rem; font-weight: 700;
}

.carte-thematique > div > a > div {
    width: 55px;
    display: flex;
    justify-content: center;
}

#pgagn-discover > div > div > div > div {
    margin-top: 35px;
    margin-bottom: 35px;
}

#pgagn-discover img {
	margin-right: 10px;
}

#pgagn-discover a span {
	font-size: 1.4rem;
	font-weight: 900;
	text-decoration: underline;
}

#pgagn-discover a:hover,
#pgagn-discover a:focus,
#pgagn-discover a:active {
    text-decoration: none;
}

#pgagn-discover .final-btn {
	margin-top: 55px;
	display: flex; justify-content: center;
}

@media (max-width: 767px){
	#pgagn-discover .final-btn {
		display: none;
	}
}

.carte-thematique{
	background-color: #ffffff;
	box-shadow: 10px 13px 16px #00000010;
	padding: 20px;
}

.carte-thematique div a{
	display: flex;
    flex-direction: row;
    align-items: center;
}

#thematique-groupe2{
	margin-top: 170px;
}


@media (max-width: 767px){
	#thematique-groupe2{
		margin-top:30px;
	}
}


#thematique-titre{
	
}

/* ------------------------------ News ------------------------------ */

#actus {
	padding-top: 62px; padding-bottom: 72px;
	display: flex; align-items: center; justify-content: center;
}

#actus > .container > .row{
	position: relative;
	z-index: 1;
}

/* -- Makes each column to have the same height -- */
#threehome-actu {
  display: flex; 
}

#actus .actualite {
	height: 100%;
}

#actus .actus-title {
	margin-bottom: 25px;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 3.1rem;
	line-height: 3.1rem;
	font-weight:900;
}

#actus .article-banner {
  	display: flex; flex-direction: column;
	height: 100%;
	background-color: #ffffff;
}

#actus .article-banner-img img {
	margin-bottom: 18px;
	width: 100%; height: 200px; 
	object-fit: cover;
}

#actus a:hover, 
#actus a:focus, 
#actus a:active { 
	text-decoration: none;
}

#actus a .article-banner-title {
	margin: 15px 0px 15px 0px;
	padding: 0px 25px;
	color: #071F32;
	font-size: 1.8rem; font-weight: 700;
}

#actus .article-pastille-actualite{
	background-color: #354BCF;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    text-align: start;
    margin-top: -36px;
    width: 100px;
    height: 38px;
    align-items: center;
    color: #ffffff;
    font-weight: 600;
    padding-left: 10px;
    margin-left: 25px;
}

#actus a .article-banner-from {
	color: #071F32;
}

/* To force alignment of last items on bottom */
#actus .article-banner-from:last-child {
    display: flex; align-items: center; flex-grow: 1;
}

#actus .btn{
	margin: 0px 0px 25px 25px;
}

/* ------------------------------ Agenda ------------------------------ */

#agenda {
	padding-top: 46px; padding-bottom: 46px;
	background-color: #40a83a;
	display: flex; align-items: center; justify-content: center;
}

#agenda img {
	margin-right: 28px;
}

#agenda p {
	margin: 0px;
	color: #ffffff;
	font-family: 'Archer-Bold', sans-serif; font-size: 4.1rem; text-transform: uppercase; line-height: 4.1rem;
}

#agenda a {
	color: #ffffff;
	font-size: 1.8rem; font-weight: 700;
	color: #071f32;
	text-decoration: underline;
}

#agenda a:hover, 
#agenda a:focus, 
#agenda a:active { 
	color: #ffffff;
}

/* ------------------------------ MayorMsg ------------------------------ */

#mayormsg {
	background-color:#ffffff;
    height: 822px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	display: flex;
	align-items: center;
	flex-direction: row;
	padding: 0 15%;
	justify-content: flex-end;
}

#mayormsg blockquote {
	margin: 0px;
    border: none;
    font-size: 2.5rem;
    font-weight: 700;
    font-style: italic;
    line-height: 4.2rem;
    color: #333;
}

#mayormsg blockquote p {
	margin: 0px;
}

#mayormsg blockquote cite {
	font-size: 1.3rem;
	font-weight: 500;
	text-transform: uppercase;
}

#mayormsg .credit-photo{
	align-self: flex-end;
    color: #ffffff;
    flex-shrink: 1;
    margin: 0 10%;
}

#mayoravi > img{
	margin:60px;
}

/* ********************************************************************************************* */
/* * FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTE * */
/* * FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTE * */
/* ********************************************************************************************* */

footer {
	padding-top: 0px;
	background-color: #FAFAFA;
	color: #ffffff;	
	font-family: 'Montserrat', sans-serif; font-size: 1.3rem; font-weight: 300; 
	z-index: 1;
	position: relative;
}

footer .who-wrapper { 
	padding: 20px 0px 10px 0px; 
	display: flex; justify-content: center; align-items: center; 
	background-color: #f3f3f3;
	color: #071f32;
	text-align: center; 
	font-family: 'Roboto', sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 1.2rem; 
}

footer .who-wrapper span {
	margin: 0px;
}

footer .who-wrapper .who-even { 
}

footer .who-wrapper .who-odd  { 
	color: #40a83a; 
}

footer .links {
	padding-top: 30px;
	display: flex; justify-content: space-between; align-items: center;
}

footer img {
	height: 20px;
}

footer ul {
	margin: 0px;
	display: flex; justify-content: space-between; align-items: center;
}

footer li {
	margin: 0px 10px;
}

footer .links a:hover, 
footer .links a:focus, 
footer .links a:active { 
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}

footer .fa-stack {
	color: #ffffff;
}

footer .fa-facebook,
footer .fa-twitter {
	color: #0d1e30;
}

footer .sharing a:hover, 
footer .sharing a:focus, 
footer .sharing a:active { 
	border-bottom: none;
}

footer .sharing a:hover .fa-stack, 
footer .sharing a:focus .fa-stack, 
footer .sharing a:active .fa-stack { 
	color: #0d1e30;
}

footer .sharing a:hover .fa-facebook, 
footer .sharing a:focus .fa-facebook, 
footer .sharing a:active .fa-facebook,
footer .sharing a:hover .fa-twitter, 
footer .sharing a:focus .fa-twitter, 
footer .sharing a:active .fa-twitter { 
	color: #ffffff;
}

footer .app-version {
	padding: 15px 0px;
	color: #aaaaaa;
	font-size: 1.0rem; text-align: center;
}

.main-footer{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 100%;
    width: 100%;
}

.main-footer .logo{
	flex: 1;
    display: flex;
    justify-content: flex-end;
}

.main-footer img {
    background-size: contain;
    height: 100%;
    height: 36px;
}

.main-footer hr {
    width: 3px;
    height: 45px;
    height: 4.5rem;
    background-color: #071F32;
    margin-left: 2rem;
    flex-shrink: 0;
}

.main-footer a {
    display: flex;
    flex: 1;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    padding-left: 2rem;
}

.main-footer a:hover,
.main-footer a:focus,
.main-footer a:active{
	text-decoration:none;
	color:#071F32;
}

footer a{
    color: #071F32;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}

footer .navbar {
    border-top: 1px solid #DEE2E6;
}

footer .nav {
    margin-top: 20px;
    margin-top: 2rem;
    justify-content: center;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

footer .row{
	margin-right: 0px;
}

/* ********************************************************************************************* */
/* * HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE * */
/* * HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE HOMEPAGE * */
/* ********************************************************************************************* */

/* ------------------------------------- Actualité à  la UNE dans la vue 'document' d'une actualité ------------------------------------- */

#actualite_article { 
	margin-top:100px; margin-bottom:70px 
}

#actualite_article .article-card { 
	margin-bottom:15px;
}

#actualite_article .article-banner { 
	height:300px; 
	display:flex; justify-content:center; align-items:flex-end; 
	background-size: cover; background-position: center; background-repeat: no-repeat; 
	text-align:center; 
}
	
#actualite_article .article-banner-title { 
	bottom:0px; width:100%; 
	background-color:#ffffff;
}

#actualite_article .article-banner-title h1	{ 
	margin:60px 0px 30px 0px; 
	color:#071f32; 
	font-family: 'Open Sans Condensed', sans-serif; font-size: 3.1rem; font-weight: 700; line-height: 2.6rem; text-transform: uppercase; 
}
	
#actualite_article .article-description	{ 
	margin-top:15px; margin-bottom:50px; 
	font-family: 'Roboto', sans-serif; font-size: 1.8rem; 
}
	
#actualite_article .article-description * img { 
	height:auto; max-width:100%;  
}

#actualite_article .article-description a { 
	color:#071f32;
	text-decoration:underline;
} 

#actualite_article #actualite_sharing { 
	display:flex; flex-direction:column; align-items: flex-end; 
}
	
#actualite_article #actualite_sharing .fb-like					{ height:25px; }

/* ------------------------------------- Séparateur ------------------------------------- */

#actualite_article .article-separator { 
	margin-top:100px;  
/*	border-bottom:5px solid #071f32; */  
}

/* ------------------------------------- Liste d'actualités ------------------------------------- */

#actualite_article .actualite {
	margin-bottom:60px; 
}

#actualite_article .actualite a {
	color:#ffffff;
	text-decoration:none;
}

#actualite_article .actualite a:hover,
#actualite_article .actualite a:active,
#actualite_article .actualite a:focus {
	color:#ffffff;
	text-decoration:underline;
}

#actualite_article .actualite .article-banner-title {
	background-color:rgb(64,168,58,0.8);
}

#actualite_article .actualite h2 {
	font-size:1.8rem; font-weight:700;
}

#actualite_article .actualite h3 {
	font-size:1.6rem; font-weight:700;
}

/* ********************************************************************************************* */
/* * AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGEND * */
/* * AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGENDA AGEND * */
/* ********************************************************************************************* */

/* ------------------------------------- AGENDA -------------------------------------  */

#openagenda {
}
	
#openagenda .container-fluid {
	margin-bottom:60px; padding:75px 0px; 
	background-image: url(../images/local/skin/trace-orange-horizontale.png);
    background-position: 40% 90%;
}
	
#openagenda h1 {
    margin: 0px;
    color: #ffffff;
    font-size: 4.1rem;
    font-weight: 900;
    line-height: 4.1rem;
    text-align:center;
}

#openagenda .buttons-bar { 
	margin:50px 0px 0px 0px;
	display:flex; justify-content:space-around;  
}
	
#openagenda #search .cibulSearch input{width:100%;}
#openagenda .cibulMap{margin:15px 0; border: 1px solid #000}
#openagenda .cibulMap .map-sync{display: none}
#openagenda .btn-upload{margin-left:1rem;margin-bottom: 15px;text-shadow:none;text-transform: uppercase;background-color: #d7eff1 /* var(--bg_06) */;background-image: none;border: 2px solid #369661; color:#369661; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;font-size:2rem; padding:2px 25px 2px 15px;}
#openagenda .btn-event{font-size:2rem; font-weight: normal; padding:2px 25px 2px 15px;width:auto;float: right}

/* ------------------------------------- CALENDAR -------------------------------------  */

#calendar .ccal {
	width:100%;
	font-size:1.2rem; font-weight:300;
}

#calendar .ccal .calbody li.hasdates span {background:#062a40; color:white; }

/* ********************************************************************************************* */
/* * FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ F * */
/* * FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ F * */
/* ********************************************************************************************* */

#faq {
	margin-bottom: 50px;
}
	
#faq #questionAnswer img {
	max-width: 100%;
	height: auto;
}

#faq ul#questionAnswer { 
	margin: 0px; 
	padding: 0px 
}

#faq h2.sub-title { 
	margin-top: 30px; padding: 10px 0px 30px 0px; 
	border-top: 5px solid #369661; 
	font-family: 'Open Sans Condensed', sans-serif; font-size: 3.1rem; font-weight: 700; line-height: 2.6rem; text-transform: uppercase; 
}

#faq h3.title2 { 
	font-weight: 700; font-size: 1.8rem; 
}

#faq ul#questionAnswer blockquote { 
	padding: 0px;
	border: 0; 
	font-size: 1.8rem;
}

/* ********************************************************************************************* */
/* * PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID P * */
/* * PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID PAGE_ID P * */
/* ********************************************************************************************* */

h2.page_id_2 {
	margin-top:75px; margin-bottom:75px; 
    font-family: 'Archer-Bold', sans-serif; font-size: 4.1rem; text-transform: uppercase; line-height: 4.1rem;
}

div.page_id_2 {
	font-size: 1.8rem; 
	margin-bottom:60px;
}

/* ********************************************************************************************* */
/* * DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE * */
/* * DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE DEMARCHE * */
/* ********************************************************************************************* */

.ladem-chapter-figure{
	margin-bottom: 60px;
}

.ladem-chapter-img {
    left: -80px;
    position: relative;
    border-radius: 50%;
	background-color: white;
	box-shadow: 0px 3px 6px 1px rgb(0 0 0 / 10%);
}

.ladem-chapter-img img {
	width: 80px;
	padding: 25px;
}

@media (max-width: 991px){
	.ladem-chapter-img {
		position: inherit;
		margin-top: -50px;
	}
	
	#portlet-ladem-som-content #search-form {
		display: flex;
	}
	
	#portlet-ladem-som .ladem-chapter-col2 {
		margin: 50px 30px 10px 30px;
	}
	
	#portlet-ladem-som .ladem-chapter-title {
		padding: 20px 0px 20px 0px;
	}
	
	.ladem-chapter-col2 .chapter-container {
		flex-direction: column!important;
	}
	
	#portlet-ladem-som .ladem-chapter-title {
		text-align: center;
	}
	
	.ladem-chapter-decouvrir-div {
		padding-bottom: 30px;
		text-align: center!important;
	}
	
	#portlet-ladem-som-trace, #portlet-policy-mini-frontiere {
		display:none!important;
	}
	
	#portlet-ladem-som-content {
		margin-top: 0px!important;
	}
	
	#portlet-ladem-som-content #search-form h1, #portlet-ladem-som-content #search-form h2 {
		text-align: left;
		margin-left: 0px!important;
	}
	
	#portlet-policy-mini .ladem-chapter-col2 {
		padding: 5px!important;
	}
	
	#portlet-policy-mini {
		background-image:none!important;
	}
	
	#policy_full_container {
		background-image:none!important;
	}
}

.btn-picto{
	padding-bottom: 15px;
	border-bottom: 4px solid #fff; 
	width: 100%;
	text-align: left; 
	white-space: normal;
	overflow: visible;
}
.btn-picto a{
	color: #071f32 !important; 
}

.btn-picto > span{
	display: inline-block;
	width: 100%;
	color: #071f32; 
}

.btn-picto:hover .ladem-chapter-decouvrir, #portlet-policy-mini a:hover {
	background-color: #071F32;
	color: #FFF;
	fill: #FFF;
	box-shadow: none;
}

.btn-picto:active{
	box-shadow:none;
	webkit-box-shadow:none;
}

#portlet-ladem-som { 
	font-size: 1.8rem;
	background-color: #FFF;
}

#portlet-ladem-som .ladem-chapter-col1 { 
	padding-top: 5px;
	display: flex; 
	flex-direction: column; 
	align-items: flex-end; 
}

#portlet-ladem-som .ladem-chapter-num { 
	width: 6rem; height: 6rem;
	display: flex; align-items: center; justify-content: center; 
	background-color: #40a83a;
	border-radius: 50% 50%;
	color: #ffffff;   
	font-family: "Archer-Bold"; font-size: 4rem; font-variant-numeric: lining-nums; 
}

#portlet-ladem-som #ladem-som-trace2 {
	margin-left: -1600px;
}

#portlet-ladem-som .ladem-chapter-col2 .ladem-chapter-content { 
	text-align: justify; 
}

#portlet-ladem-som .ladem-chapter-period { 
	color: #071f32; 
	font-size: 1.4rem; font-weight: bold; 
}

#portlet-ladem-som .ladem-chapter-title { 
	color: #071f32; 
	margin: 15px 0px 15px 0px; 
	font-size: 2.0rem; font-weight: 800; text-transform: uppercase; 
}

#portlet-ladem-som .ladem-chapter-content { 
	margin-bottom: 15px;
}

#portlet-ladem-som .ladem-chapter-col2 { 
	margin-bottom: 10px;
	background-color:#FFFFFF;
	font-family: 'Montserrat', sans-serif;
}

.ladem-chapter-col2 .chapter-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

#portlet-ladem-som #search-form {
	background-color: #F4F3F3;
}

#portlet-ladem-som h1 {
	color: #1A1A1A;
	text-transform: uppercase;
	font-size: 32pt;
	font-weight:900;
}

#portlet-ladem-som h2 {
	color: #1A1A1A;
	font-weight:800;
	font-size:22pt;
}

#portlet-ladem-som .ladem-chapter-div{
	margin-top:40px;
}

#portlet-ladem-som-content {
	background-color: #F4F3F3;
	margin-top: 50px;
	padding-bottom: 60px;
	z-index: 1;
}

#portlet-ladem-som #portlet-ladem-som-trace {
	position: absolute;
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 1200px;
	-webkit-user-select: none;
	-moz-user-select: none;
	top: -500px;
	margin-top: 0;
	z-index: 0;
}

.ladem-chapter-decouvrir {
    border: 1px solid #1A1A1A;
    color: #071F32;
    padding: 10px;
    font-weight:700;
    white-space: nowrap;
}

.ladem-chapter-decouvrir-div {
	text-align: right;
}

/* ------------------------------------- */

#ladem_chp_container {
	background-image: url(../images/local/skin/trace-orange.png);
	background-position-x: 35%;
	background-position-y: -650px;
	background-repeat: no-repeat;
	background-color: #F4F3F3;
	background-size: 120%;
}

#ladem_chp_content {
	background-color: #FFFFFF;
	margin-top: 50px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 50px;
	font-weight: 500; 
}

#ladem_chp_content #portlet-dl {
	width:100%;
	padding-left: 15px;
	padding-right: 15px;
}

#ladem_chp_content #search-form {
	align-items: normal;
	margin-bottom: 0px;
}

#ladem_chp_content #search-form h1{
	color: #1A1A1A;
	text-transform: uppercase; 
	font-family: 'Montserrat', sans-serif;
	font-size: 3.1rem;
	font-weight: 900;
}

.ladem-chp-content span.h1 {
	display: block;
	margin-bottom: 15px;
	font-size: 2.0rem; font-weight: 800; text-transform: uppercase; 
}

.ladem-chp-content a {
	color: #E22B3F;
	text-decoration: underline;
}

@media (max-width: 991px){
	#ladem_chp_container {
		background-image: none;
	}
	
	#ladem_chp_content {
		margin-top: 0px;
	}
}

/* ------------------------------------- */

.ladem-chp-dl { 
	margin-bottom: 30px;
}

.ladem-chp-dl .col-md-1,
.ladem-chp-dl .col-sm-1,
.ladem-chp-dl .col-xs-1 {
	display: none;
}

.ladem-chp-dl .col-md-7 { 
    margin-left: -15px;
}

/* ------------------------------------- */

.ladem-chp-contact { 
	margin-bottom: 80px;
}

/* ********************************************************************************************* */
/* * ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG * */
/* * ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG ELIG * */
/* ********************************************************************************************* */

.elig {
	font-size: 1.6rem;
	margin-bottom: 50px;
}

.elig .item {
	display: none;
    margin-top: 30px;
    padding: 15px;
    border-radius: 5px;
    background-color: #cce5ff;
    border: solid 1px #004085;
}

.elig .item .q {
	margin-bottom: 15px;
	font-weight: bold;
}

.elig .item.final .q {
	margin-bottom: 0px;
}

.elig .item .nop {
	display: none;
	margin-top: 15px;
	font-weight: bold; 
}

.elig #q0 {
	display: inherit;
}

.elig-titre{
	margin-bottom: 45px;
    padding: 45px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
}

.elig-titre h1{
	margin: 0px;
    color: #1A1A1A;
    font-size: 3.5rem;
    font-weight: 900;
    margin-bottom: 15px;
    line-height: 4.1rem;
}

/* ********************************************************************************************* */
/* * DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD * */
/* * DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD * */
/* ********************************************************************************************* */

#portlet-dl { 
	font-size: 1.8rem;
	background-color: #FFF;
	z-index: 1;
}

.faq #portlet-dl{
	background-color: #F4F3F3;
}

.faq #portlet-dl > div{
	background-color: #ffffff;
	padding:50px;
}

.faq #portlet-dl .dl-title{
	padding-top:0;
}

#portlet-dl .dl-title { 
	padding-top: 65px;
	font-family: 'Montserrat', sans-serif;
	font-size: 3rem; font-weight: 800; text-transform: uppercase; 
}

#portlet-dl .dl-file { 
	padding-top: 20px; 
	font-size: 1.8rem; line-weight: normal;
}

#portlet-dl .dl-file a { 
	color: #071f32;
}

#portlet-dl .dl-file a {
	border-bottom: 1px solid #071f32; 
	text-decoration: none;
}

#portlet-dl .dl-file .dl-file-title {
	z-index: 1;
	position: relative;
}

/* ********************************************************************************************* */
/* * POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLIC * */
/* * POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLICY POLIC * */
/* ********************************************************************************************* */

#portlet-policy-mini { 
	padding-top:50px;
	padding-bottom:50px;
    color: #071F32;
    font-size: 1.8rem;
    font-family: 'Montserrat', sans-serif;
    background-repeat: no-repeat;
    background-position: center 0%;
}

#portlet-policy-mini > div{
	background-color:#ffffff;
}

#portlet-policy-mini .ladem-chapter-col2 {
	background-color: white;
	padding: 25px 50px 50px 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#portlet-policy-mini .portlet-header { 
	margin-bottom: 10px;
	font-size: 3rem; font-weight: 800; text-transform: uppercase; 
}

#portlet-policy-mini .portlet-content {
	text-align: justify; 
}
	
#portlet-policy-mini .portlet-content * {
	display: none;
}
	
#portlet-policy-mini div.portlet-content > p:first-of-type {
	display: inherit!important;
}
	
#portlet-policy-mini .portlet-content h3 { 
	display: none; 
}

.policy-more {
	margin-top: 20px;
}

#portlet-policy-mini a { 
	border: 1px solid #1A1A1A;
    color: #071F32;
    padding: 10px;
    font-weight: 700;
}

#portlet-policy-mini a:focus,
#portlet-policy-mini a:active {
	border-bottom: 1px solid #ffffff; 
	text-decoration: none;
}

#policy_full_container {
	background-image: url(../images/local/skin/trace-orange.png), url(../images/local/skin/trace-orange2.png);
	background-position-x: 35%;
	background-position-y: -650px, bottom -600px;
	background-repeat: no-repeat;
	background-color: #F4F3F3;
}

#policy-container { 
 	margin-bottom: 40px; 
	background-color: white;
}

#portlet-policy { 
	margin-top: 50px; padding: 25px 25px 25px 25px; 
	font-size: 1.8rem; text-align: justify; 
}

#portlet-policy .portlet-header {
	color: #1A1A1A;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 3.1rem;
	font-weight: 900;
}

#portlet-policy      a { 
	border-bottom: 1px solid #071f32; 
	color: #071f32;
}

#portlet-policy      a:hover,
#portlet-policy      a:focus,
#portlet-policy      a:active {
	border-bottom: 1px solid #40a83a; 
	color: #40a83a;
	text-decoration: none;
}

/* ********************************************************************************************* */
/* * DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT * */
/* * DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT DEPOT * */
/* ********************************************************************************************* */

/* ------------------------------------- PORTLET ACCUEIL ------------------------------------- */

.portlet.etape{padding:15px; margin-left: 0; margin-right: 0; min-height:800px }
.portlet.etape .portlet-content{min-height:800px; position:relative;  }
.portlet.etape p.lead{font-size:120%; position:relative; clear:both }

/* ------------------------------------- MODAL ------------------------------------- */

#msg_theme_CADRE .modal-body {
	padding: 25px 20px;
}

#msg_theme_CADRE .msg_theme_CADRE_buttons {
	margin-top: 30px; 
	display: flex; justify-content: center; 
}

#msg_theme_CADRE .msg_theme_CADRE_buttons a {
	margin-right: 15px;
}


/* ------------------------------------- STEPS ------------------------------------- */

#step-intro {
	margin-top:75px; margin-bottom:75px; 
    font-family: 'Archer-Bold', sans-serif; font-size: 4.1rem; text-transform: uppercase; line-height: 4.1rem;
}

#steps {
	margin-bottom:75px;
	font-size:1.8rem;
}

.step-row {
	margin-bottom: 1px; padding: 10px 25px; 
	display: flex; align-items: center;
	background-color: #f3f3f3;
}

.step_index {
	margin-right: 25px; padding: 0px 25px 4px 25px; 
	display:inline-block; 
	border-radius: 200px 200px 200px 200px; border: 2px solid #000000;
	font-family: "Archer-Bold"; font-size: 3rem; font-weight: bold; font-variant-numeric: lining-nums;
}

.step-row.current .step_index, 
.step-row.current { 
	background-color: #071f32; border-color: #ffffff;
	color:#ffffff; 
}

.step_title {
	font-family: 'Open Sans Condensed', sans-serif; font-size: 3.1rem; font-weight: 700; text-transform: uppercase;
}

.btn-step-mod {
    margin-left: auto;
}

.btn-step-mod {
    margin-left: auto;
}

.arrow_box {
	margin-top: -2px; margin-bottom: 17px;
	height: 15px; 
	background: url(../images/local/skin/arrow.png) no-repeat 50% 0;
}

#current_step {
	font-size: 1.8rem; 
}

#current_step #map {
	margin:0px 0px 5px 0px; border:0px;
	height: 150px; width: 100%;
}

#current_step input.form-control, 
#current_step select.form-control, 
#current_step textarea.form-control {
	border-radius:0px;
	font-size:1.8rem;
}

#current_step blockquote {
	margin: 0px 0px 40px 0px; padding: 25px 20px;  
	background-color: #f3f3f3;
	font-size: 1.4rem; 
}
	
#current_step blockquote h4 {
	padding-top: 0; padding-bottom: 10px; 
	font-size: 1.8rem;  
}

#current_step .col-panel { 
	display: flex;
	flex-direction: column;
}

#current_step .panel { 
	display: flex; flex: 1; flex-direction: column;	
	color: #071f32;
}

#current_step .panel-heading { 
	padding: 5px 15px 3px 15px;
	display: flex; align-items: center;
	border-radius: 0px;
	font-size: 1.4rem; font-weight: 700; text-transform: uppercase;
}
 
#current_step .panel-body {
	font-size: 1.6rem;
}

#current_step .panel-body .project-location { 
	margin-bottom: 10px;
 	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 	font-size: 1.4rem; font-weight: 700;
}

#current_step .panel-body .project-location:hover { 
 	overflow: inherit; 
}

#current_step .panel-footer {
	margin-top:auto;
	border: none;
 	background-color: #ffffff;
}

#current_step .panel-footer.because {
}

#current_step .panel-approx .panel-highlight { 
	padding: 10px 15px; 
	border-top: 1px solid lightgray; 
	font-size: 1.4rem; font-weight: bold; 
}

#current_step .panel-approx .panel-highlight p { 
	font-style: italic; line-height:1.5rem; font-weight:normal; 
}

#current_step .panel-approx .panel-highlight em	{ 
	padding: 0px 2px; 
	background-color: yellow; 
}

#current_step .panel-approx .panel-approx-button { 
	display: flex; justify-content: center;
}

#current_step .cnt { 
	font-size: 1.4rem; 
}

#current_step #_file_deletion_imgs img {
	margin: 5px; 
}

#current_step .form-group {
	margin-bottom:30px;
    padding: 15px;
    background-color: #f3f3f3;
	border:4px solid lightgray;
}

#current_step .form-button {
	margin-bottom:15px;
    padding: 10px;
}

#current_step .btn-std{background-color: #909090;text-shadow:none; color:#fff; font-family:'TradeGothicNo.18-Condensed';font-size:1.8rem; padding:3px 40px 4px 40px;font-weight: bold;text-transform: uppercase;}
#current_step p .btn-idee{display:inline-block;}
#current_step #confirm{margin-top:30px;margin-bottom:30px}
#current_step .btn-upload{margin-bottom: 15px;text-shadow:none;background-color: #d7eff1 /* var(--bg_06) */;background-image: none;border: 1px solid #369661; color:#369661; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;font-size:1.5rem; padding:1px 20px;}
#current_step #cnt{ color:dark-red }

/* ********************************************************************************************* */
/* * SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARC * */
/* * SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARCH SEARC * */
/* ********************************************************************************************* */

#search-prj .arrdt-vote-filter															     		{ font-size: 1.6rem; }
#search-prj .arrdt-vote-filter .checkbox												     		{ margin-top: 10px; margin-bottom: 10px; padding-right: 10px; cursor: pointer; }

/* ********************************************************************************************* */
/* * PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP * */
/* * PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP PROP * */
/* ********************************************************************************************* */

/* ------------------------------------- LIST ------------------------------------- */

#prop-list .prop-panel { 
	margin: 0px 0px 60px 0px;
	background-color: #ffffff;
}

#prop-list .prop-perdant { 
	border-color: #e0e0e0;
	-webkit-filter: grayscale(1); filter: grayscale(1); 
}

#prop-list .prop-perdant .prop-card-theme img { 
	opacity: 0.3;
}

#prop-list .prop-card a {
	color: inherit;
}

#prop-list .prop-card a:hover,
#prop-list .prop-card a:active
#prop-list .prop-card a:focus { 
	text-decoration: none; 
}

#prop-list .prop-card a:hover  .prop-card-link span,
#prop-list .prop-card a:active .prop-card-link span
#prop-list .prop-card a:focus  .prop-card-link span { 
	background-color: #071f32;
	color: #ffffff;
}

#prop-list .prop-card-theme	{ 
	padding-bottom: 2px;
	height: 46px;
    display: flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
}

#prop-list .prop-card-theme .prop-card-icon{
	background-color: currentColor;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    margin-left: 20px;
    margin-right: 10px;
    display: flex;
    margin-top: -50px;
    box-shadow: 0px 3px 6px #0000005e;
    flex: none;
    z-index: 1;
}

#prop-list .prop-card-theme	img { 
    margin:auto;
}

#prop-list .prop-card-loc { 
	margin: 25px 20px 10px 20px;
	font-family: 'Montserrat';
    font-weight: 700;
}

#prop-list .prop-card-loc p { 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
} 

#prop-list .prop-card-loc p:hover { 
	overflow: initial; 
} 

#prop-list .prop-card-loc img { 
	height: 22px; 
}

#prop-list .prop-card-titre	{ 
	padding: 20px; 
	overflow: hidden; text-overflow: ellipsis; 
	border-bottom: 1px solid #8080801f;
}

#prop-list .prop-card-titre span { 
	display: block; /* To make span::first-letter working */ 
	text-transform: lowercase;
}

#prop-list .prop-card-titre span::first-letter { 
	text-transform: uppercase; 
}

#prop-list .prop-card-titre h3 { /* cf https: //codepen.io/martinwolf/pen/qlFdp */
	margin: 0 auto; 
	height: 7.5rem; /* = line-height * nb-lines-to-show = 2.5 * 3 */
	display: block; /* Fallback for non-webkit */ display: -webkit-box; 
	filter: none!important;-webkit-filter: none!important; 
	-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; 
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.5rem;
	font-family:'Montserrat';
} 

#prop-list .prop-card-campagne { 
	margin: 20px 20px 0px 20px;
	height: 22px; 
}

#prop-list .prop-card-campagne p{
	color:#F2903C;
	font-weight:700;
}

#prop-list .prop-card-line { 
	margin: 0px 20px 30px 20px; 
	height: 8px;
    border-radius: 2rem;
}

#prop-list .prop-card-txt { 
	margin: 0px 20px 30px 20px; 
	overflow: hidden; text-overflow: ellipsis; 
}

#prop-list .prop-card-txt p	{ /* cf https: //codepen.io/martinwolf/pen/qlFdp */
	margin: 0 auto; 
	height: 10rem; /* = line-height * nb-lines-to-show = 2 * 5 */
	display: block; /* Fallback for non-webkit */ display: -webkit-box;
	-webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
	font-weight: 700; line-height: 2rem; 
}

#prop-list .prop-card-link { 
	display: flex; justify-content: center;
}

#prop-list .prop-card-txt .pastille-non-retenue			{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;     z-index: 1; position: relative;}
#prop-list .prop-card-txt .pastille-non-retenue div		{ position: absolute; top: 180px; width: 14rem; height: 14rem; background-color: white; border: 2px solid darkred; font-family: 'Archer-Bold'; font-size: 2.2rem; color: #000000; text-align: center; line-height: 2.7rem; border-radius: 50%; padding: 2rem;-webkit-transform: rotate(-7deg);transform: rotate(-7deg); z-index: 2; opacity: 0.8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#prop-list .prop-card-txt .pastille-non-retenue span	{ text-transform: uppercase; }

#prop-list .prop-card-footer						{ height: 100px; padding: 30px 20px 25px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }

#prop-list .prop-card-footer a { 
	color: #071f32;
	text-decoration: none; 
	font-weight:700;
}

#prop-list .prop-card-footer a:hover { 
	border-bottom: 1px solid #071f32;
}

#prop-list .prop-card-footer .img-qp				{ width: 48px; }
#prop-list .prop-card-footer .img-ratp				{ width: 48px; }
#prop-list .prop-card-footer .pastilles				{ margin-right: 10px; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; } 
#prop-list .prop-card-footer .pastilles	 .img-qp	{ margin-right: 5px; }
#prop-list .prop-card-footer .pastilles	 .img-ratp	{ }
#prop-list .prop-card-footer .deposit				{ width: auto; font-weight: normal; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; }


#prop-list .prop-card-img{
	height: 170px;
    background-color: #071F32;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#prop-list .prop-card-img .bgicon{
	height: 60px;
}

/* ------------------------------------- CARD ------------------------------------- */

#prop-card { 
	margin-top: 100px; margin-bottom: 60px; 
} 

#prop-card .alert-warning { 
	font-size:1.8rem; 
}
 
#prop-card .text-warning { 
	color:#ffffff;
}
 
#prop-card.prop-perdant	{ 
	filter: grayscale(1); -webkit-filter: grayscale(1); 
}

#prop-card #prop-vote-result { 
	width: 100%; 
	margin-bottom: 70px; 
	display: flex; flex-direction: column; justify-content: center; 
	text-align: center; 
	position:relative;
}
	 
#prop-card #prop-vote-result .msg { 
	margin-bottom: 20px; 
	font-size: 2.4rem; line-height: 2.6rem; 
}
	 
#prop-card #prop-vote-result .msg strong { 
	font-weight: 700; 
}

#prop-card #prop-banner{
	height: 360px;
	background-color: #071f32;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15%;
	position: relative;
}

#prop-card #prop-banner .frame-top {
	position: absolute;
    width: unset;
    top: -15px;
    left: -15px;
}
#prop-card #prop-banner .frame-left {
	width: unset;
    position: absolute;
    top: 80px;
    left: -100px;
    transform: rotate(90deg);
}
#prop-card #prop-banner .frame-bottom {
	width: unset;
    bottom: -13px;
    right: -10px;
    position: absolute;
}
#prop-card #prop-banner .frame-right {
	width: unset;
    position: absolute;
    bottom: 80px;
    transform: rotate(90deg);
    right: -105px;
}

#prop-card #prop-header	{ 
	display: flex;
    align-items: flex-end;
    padding: 0px 10px 0px 40px;
    font-size: 2.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -45px;
    margin-bottom: 45px;
    position: relative;
}

#prop-card #prop-header #prop-header-img{
	background-color: currentColor;
    border-radius: 100%;
    width: 93px;
    height: 93px;
    display: flex;
    box-shadow: 0px 3px 6px #0000005e;
    margin-right: 15px;
    flex-shrink: 0;
}

#prop-card #prop-header #prop-header-img img{
	margin: auto;
}

.prop-header-share{
	display: flex;
    justify-content: space-between;
    align-self: flex-end;
}

.prop-header-share a.share{
	background-color: #DBDBDB;
    border-radius: 100%;
    height: 64px;
    width: 64px;
    display: flex;
    margin: 0 5px 0 5px;
    flex-shrink: 0;
}

.prop-header-share a.share > img{
	display: flex;
    margin: auto;
    height: 20px;
}

#prop-card #prop-header .prop-header-share {
	margin-left: auto;
	display: flex; align-items: center;
}

#prop-card #prop-header a	{
	display: flex; 
} 

#prop-card #prop-header a:hover,
#prop-card #prop-header a:active,
#prop-card #prop-header a:focus	{
	background-color: none;
	color: #071f32;
} 

#prop-card #prop-header img	{
	margin-left: 10px;
	height: 30px; 
} 

#prop-card #prop-body { 
	display: flex;
	border-top: 0;
	background-color: #ffffff;
	position: relative;
} 

#prop-card #prop-desc { 
	padding: 70px 35px; 
} 

#prop-card #prop-desc .prop-desc-localisation { 
	display: flex; align-items: center;
} 

#prop-card #prop-desc .prop-desc-localisation img { 
	margin-right: 10px;
	height: 35px; 
} 

#prop-card #prop-desc .prop-desc-localisation-addr {
	color: #071f32;
	font-size: 1.6rem; font-weight: 700; 
} 

#prop-card #prop-desc .prop-desc-titre h1 { 
	margin-top: 20px; margin-bottom: 50px;
	font-size: 2.9rem; font-weight: 700;
}

#prop-card #prop-desc .prop-desc-titre p { 
	text-transform: lowercase; 
}

#prop-card #prop-desc .prop-desc-titre p::first-letter { 
	text-transform: uppercase; 
}

#prop-card #prop-desc .prop-desc-img							{ padding-bottom: 0px; margin-bottom: 0px; }
#prop-card #prop-desc .prop-desc-img img						{ width: 100%; }

#prop-card #prop-desc .prop-desc-txt { 
	text-align: justify;
	font-size: 1.8rem; white-space: pre-wrap;  
} 

#prop-card #prop-desc .prop-desc-cout { 
	margin-top: 20px; margin-bottom: 40px; 
	font-weight: bold; 
} 
	
#prop-card #prop-desc .prop-desc-carto { 
	height: 180px; 
}

#prop-card #prop-desc .prop-desc-pj { 
	margin: 35px 0px;
    padding: 35px 18px 35px 18px;
	background-color: #f9f9f9; 
}
	 
#prop-card #prop-desc .prop-desc-pj .prop-desc-pj-img { 
	height: 100px; 
	background-size: cover; background-position: center; background-repeat: no-repeat; 
} 

#prop-card #prop-desc .prop-desc-carto							{ height: 180px; }
#prop-card #prop-desc .prop-desc-pj .prop-desc-pj-doc			{ height: 100px; border: 2px solid #949395; margin-bottom: 15px; padding: 5px; color: #949393; font-size: 1.4rem; word-wrap: break-word; } 
#prop-card #prop-desc .prop-desc-pj .prop-desc-pj-doc a			{ color: #949393; } 
#prop-card #prop-desc .prop-desc-pj .prop-desc-pj-doc img 		{ position: absolute; right: 20px; bottom: 20px; } 

#prop-card #prop-desc #comments,
#prop-card #prop-desc #comment-num	{ 
	margin-top: 0px;
	font-size: 1.4rem;
} 

#prop-card #prop-data { 
	padding: 15px;
	margin: 35px;
	background-color: #F4F3F3; 
} 
	
#prop-card #prop-data h2 { 
	font-size: 2.2rem;
    background-image: url(../images/local/skin/longue-trace-rouge.svg);
    background-size: cover;
    background-position: center;
    padding: 20px;
    text-align: center;
    font-weight: 800;
    color: #ffffff;
}

#prop-card #prop-data p				 							{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
#prop-card #prop-data .prop-data-sep							{ height: 0px; border-top: 1px solid #d5d5d5; margin-top: 0px; padding-top: 30px; }

#prop-card #prop-data #prop-data-header {
	margin: 0px 0px 40px 35px;
	display: flex; align-items: center;
}
	
#prop-card #prop-data #prop-data-pastilles { 
	display: flex; 
}

#prop-card #prop-data #prop-data-actions { 
	margin-left: auto;
}

#prop-card #prop-data #prop-data-actions div { 
	margin: 2px; padding: 0px; 
	width: 56px; height: 56px; 
	border: 2px solid #071f32; border-radius: 0px; 
	background-repeat: no-repeat; background-position: center 5px;  background-size: 25px 25px; 
}

#prop-card #prop-data #prop-data-actions div p { 
	margin: 35px 0px 0px 0px; 
	font-size: 1.2rem; font-weight: bold; text-transform: uppercase;
	color: #071f32;
}
	
#prop-card #prop-data #prop-data-actions .rating { 
	background-image: url(../images/local/skin/like-black.png); 
	transition: all 0.2s ease-in-out;
}

#prop-card #prop-data #prop-data-actions .rating p { 
	transition: all 0.2s ease-in-out;
}

#prop-card #prop-data #prop-data-actions .rating:hover { 
	background-color: #071f32; background-image: url(../images/local/skin/like.png);
}

#prop-card #prop-data #prop-data-actions .rating:hover p { 
	color: #ffffff;
}

#prop-card #prop-data #prop-data-actions .follow { 
	background-image: url(../images/local/skin/paper_plane-black.png); 
	transition: all 0.2s ease-in-out;
}

#prop-card #prop-data #prop-data-actions .follow p { 
	transition: all 0.2s ease-in-out;
}

#prop-card #prop-data #prop-data-actions .follow:hover { 
	background-color: #071f32; background-image: url(../images/local/skin/paper_plane.png); 
}

#prop-card #prop-data #prop-data-actions .follow:hover p { 
	color: #ffffff;
}

#prop-card #prop-data #prop-data-actions a:hover,
#prop-card #prop-data #prop-data-actions a:active,
#prop-card #prop-data #prop-data-actions a:focus { 
	text-decoration: none;
}

#prop-card #prop-data .prop-data-kv { 
	display: flex; align-items: center;
	font-size: 1.8rem; line-height: 1.8rem;
	margin-bottom: 10px;
} 


#prop-card #prop-data .prop-data-kv.last { 
	margin-bottom: 35px;
} 

#prop-card #prop-data .prop-data-key { 
	width: 35px; 
} 

#prop-card #prop-data .prop-data-value { 
	margin: 0px;
} 

#prop-card #prop-data #prop-data-handicap		 				{ margin-bottom: 25px; font-size: 1.5rem; border-radius: 5px; background-color: #d7eff1;padding: 5px;} 
#prop-card #prop-data .prop-data-carto							{ height: 240px; }

#prop-card #prop-data .status-btn-follow {
	margin: 50px 35px 0px 35px;
	display: flex; flex-direction: column; align-items: center;
} 

#prop-card #prop-data .btn-workshop {
	margin: 0px 35px;
	display: flex; flex-direction: column; align-items: center;
} 

#prop-card #prop-data .status-btn-follow p {
	text-align: center;
	font-size: 1.8rem; white-space: normal;
}

#prop-card #prop-data #prop-data-author { 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
} 

#prop-card #prop-data #prop-data-author:hover { 
	overflow: initial; 
} 

#prop-card #prop-data #prop-data-author .prop-data-author-type { 
	line-height: 2rem; text-transform: uppercase;  
} 

#prop-card #prop-data #prop-data-author p { 
	margin-bottom: 0px; 
	font-size: 1.8rem; font-weight: bold; 
}
 
#prop-card #prop-data #prop-data-avatar { 
	height: 64px; 
	margin: 30px 0px 0px 35px; 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
}  

#prop-card #prop-data #prop-data-avatar .prop-data-avatar-img	{ width: 64px; height: 64px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 0px; margin-right: 10px; } 
#prop-card #prop-data #prop-data-avatar img		 				{ width: 66px; margin-right: 10px; } 

#prop-card #prop-data #prop-data-contact {
	display: flex; justify-content: center;
	margin-top: 30px;
} 



#prop-card #prop-data #prop-data-regroup { 
	font-size: 1.8rem; 
} 

#prop-card #prop-data #prop-data-regroup p {
	margin-left: 35px;
}
	
#prop-card #prop-data #prop-data-regroup a	{ 
	color: #337ab7; 
} /* Couleur initiale Bootstrap */

/* ------------------------------------- CONTACT DEPOSITAIRE ------------------------------------- */

#modalContactDepositaire .form-control {
	border-radius:0px;
}

/* ********************************************************************************************* */
/* * PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM * */
/* * PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM PSOUM * */
/* ********************************************************************************************* */

/* ------------------------------------- LIST ------------------------------------- */

#psoum-list .psoum-panel { 
	margin: 0px 0px 60px 0px; 
}

#psoum-list .psoum-panel a { 
	color: inherit;
}

#psoum-list .psoum-panel a:hover,
#psoum-list .psoum-panel a:active,
#psoum-list .psoum-panel a:focus { 
	text-decoration: none; 
}

#psoum-list .psoum-panel a:hover  .psoum-card-link span,
#psoum-list .psoum-panel a:active .psoum-card-link span,
#psoum-list .psoum-panel a:focus  .psoum-card-link span { 
	background-color: #071f32;
	color: #ffffff;
}

#psoum-list .psoum-perdant { 	
	-webkit-filter: grayscale(1); filter: grayscale(1); 
}

#psoum-list .psoum-card.psoum-perdant { 	
	border-color: #e0e0e0; 
}

#psoum-list .psoum-perdant div.psoum-card-img { 
	opacity: 0.4; 
}

#psoum-list .psoum-abandonne { 
	-webkit-filter: grayscale(1); filter: grayscale(1); 
}

#psoum-list div.psoum-abandonne > div.psoum-card { 	
	border-color: #e0e0e0; 
}

#psoum-list .psoum-abandonne div.psoum-card-img	{ 
	opacity: 0.4; 
}

#psoum-list .psoum-card{
	background-color: #ffffff;
}

#psoum-list .psoum-card-img {
	display: flex; align-items: center; justify-content: center; 
	width: 100%; height: 200px; 
	background-size: cover; background-position: center; background-repeat: no-repeat; 
	background-color: #071F32;
	position:relative;
} 

.vote-card-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 240px;
    background-color: #071f32;
    background-color: #071f32;
    background-repeat: no-repeat;
    background-size: auto 60px;
    background-position: center;
    position: relative;
}

.vote-card-img img {
    width: 100%;
    height: 100%;
}

.vote-budget{
	margin-top:15px;
}

.confirmMessageVote{
    background-color: rgb(36, 134, 25);
}

.confirmMessageVote .bg-round{
	color: rgb(36, 134, 25);
}

.errorMessageVote{
	background-color: #E22C3f;
}

.errorMessageVote .bg-round{
	color: #E22C3f;
}

.messageVote{
	bottom: 10%;
    right: 5%;
    position: fixed;
    padding: 20px 40px 20px 20px;
    color: #ffffff;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index:2;
}

.messageVote .messageTxt{
	display:flex;
	flex-direction: column;
}

.bg-round{
	background-color: #ffffff;
    padding: 1rem 0.8rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    margin: 0 1rem;
    align-items: center;
    justify-content: center;
    font-size: 2.1rem;
}

#validation-window{
	margin-top: 80px;
	position:relative;
}

#validation-window h1{
	color: #071f32;
    font-size: 3.1rem;
    font-weight: 900;
}

.onglet-validation{
	display:flex;
	justify-content:center;
	font-weight:900;
	font-size:1.6rem;
	padding: 20px 20px 1px 20px;
	
}

.onglet-validation a{
	padding: .5rem 1rem;
	color:#071f32;
}

.onglet-validation a:hover, .onglet-validation a:focus, .onglet-validation a:active, .onglet-validation a:visited{
	text-decoration:none;
}

.validation-onglets {
    display: flex;
    margin-bottom:12px;
}

.onglet-validation.actif a{
	border-bottom: 5px solid #354BCF;
    padding-bottom: 1.8rem;
    background-color: transparent;
}

.validationVotes .validate-content{
	font-size: 1.6rem;
    font-weight: 600;
}

.validationVotes h1{
	font-weight: 900;
}

.validationVotes .prop-header-share{
	margin-top: 20px;
    margin-bottom: 20px;
    justify-content:center;
}

#action_followProjects{
	margin-top:15px;
}

.validate-content > #vote_follow_form{
	display:block;
}

.followLink > label{
	display:flex;
	flex-direction: column;
}

#vote_follow_container{
	margin: 30px 0;
}

#vote_follow_form{
	display: flex;
    flex-direction: column;
    align-items: center;
}

#vote_follow_form label{
	display:flex;
}

#vote_follow_form label > input{
	margin-right: 5px;
}

#psoum-list .psoum-card-img .bgicon{
	height: 60px;
}

#psoum-list .psoum-card-img .frame-left,
#psoum-list .psoum-card-img .frame-right,
#psoum-list .psoum-card-img .frame-top,
#psoum-list .psoum-card-img .frame-bottom,
.vote-card-img .frame-left,
.vote-card-img .frame-right,
.vote-card-img .frame-top,
.vote-card-img .frame-bottom,
#prop-list .prop-card-img .frame-left,
#prop-list .prop-card-img .frame-right,
#prop-list .prop-card-img .frame-top,
#prop-list .prop-card-img .frame-bottom,
.pgagn-card-img .frame-left,
.pgagn-card-img .frame-right,
.pgagn-card-img .frame-top,
.pgagn-card-img .frame-bottom{
	height:30px;
	width: unset;
}

.psoum-card-img .frame-left, .vote-card-img .frame-left, .prop-card-img .frame-left, .pgagn-card-img .frame-left{
	top: 45px;
    left: -65px;
}

.psoum-card-img .frame-right, .vote-card-img .frame-right, .prop-card-img .frame-right, .pgagn-card-img .frame-right{
	right: -70px;
    bottom: 45px;
}

.psoum-card-img .frame-top, .vote-card-img .frame-top, .prop-card-img .frame-top, .pgagn-card-img .frame-top{
	top: -12px;
    left: -10px;
}

.psoum-card-img .frame-bottom, .vote-card-img .frame-bottom, .prop-card-img .frame-bottom, .pgagn-card-img .frame-bottom{
	bottom: -12px;
    right: -14px;
}

#psoum-list .psoum-card-img .psoum-illus{
	height: unset;
}

#psoum-list .psoum-card-theme	{ 
	padding-bottom: 2px;
	height: 46px;
    display: flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
}

#psoum-list .psoum-card-theme img { 
	margin: auto;
}

#psoum-list .psoum-card-theme .psoum-card-icon{
	background-color: currentColor;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    margin-left: 20px;
    margin-right: 10px;
    display: flex;
    margin-top: -50px;
    flex: none;
    box-shadow: 0px 3px 6px #0000005e;
    z-index:1;
}

#psoum-list .psoum-abandonne .psoum-card-theme img { 
	opacity: 0.3; 
}

#psoum-list .psoum-card-img p					{ max-width: 80%; margin: 0px; padding: 10px; background-color: #ffffff; opacity: 0.9; font-weight: 700; font-size: 2rem; display: flex; display: flex; justify-content: center; align-items: flex-end; }
#psoum-list .psoum-card-img p.winner			{ height: 70%; opacity: 1; text-transform: uppercase; width: 70%; font-weight: bold; background-image: url(../images/local/skin/crown.png); background-size: 50%; background-repeat: no-repeat; background-position: top; background-position: 50% 10%; border-radius: 10px; }
#psoum-list .psoum-card-img p.looser			{ background-color: white; color: #2d2d2d; opacity: 0.90; width: 50%; border-radius: 10px; }

#psoum-list .psoum-card-loc .for-print	{ 
	display: none;
}

#psoum-list .psoum-card-loc .for-screen	{ 
	display: flex;
	flex-direction: column;
}

#psoum-list .psoum-card-loc	{ 
	margin: 25px 20px 15px 20px; 
	display: flex; align-items: center;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	color: #0a4264 ;
	font-size: 1.4rem; font-weight: 500; line-height: 1.8rem; text-transform: uppercase; 
	height: 36px;
}

#psoum-list .psoum-card-loc-prec { 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	text-transform: lowercase;
}

#psoum-list .psoum-card-loc img	{ 
	margin-right: 10px;
	height: 30px;
}
	
#psoum-list .psoum-card-titre {
	margin-top: 20px;
    padding: 0 20px;
    height: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #8080801f;
}

#psoum-list .psoum-card-titre h3 { /* cf https: //codepen.io/martinwolf/pen/qlFdp */
	margin: 0 auto;
	height: 7.5rem; /* = line-height * nb-lines-to-show = 2.5 * 3 */
	display: block;
	filter: none!important;-webkit-filter: none!important; 
	-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; 
	font-size: 1.8rem; font-weight: 500; line-height: 2.5rem; 
} 

#psoum-list .psoum-card-titre h3 span {
	display: block;
}
	
#psoum-list .psoum-card-line					{ height: 2px; margin: 0px 15px 0px 15px; }

#psoum-list .psoum-card-avancement {
	height: 90px;
	margin: 0px 20px 10px 20px; 
	display: flex; flex-direction: column;
}

#psoum-list .psoum-card-abandonne-title {
	margin-top: 20px; 
	font-size: 1.8rem; line-height: 1.2rem; text-align: center; 
}

#psoum-list .psoum-card-abandonne-desc { 
	margin-bottom: 32px;
	font-size: 1.6rem; line-height: 1.2rem; text-align: center; 
}

#psoum-list .psoum-card-abandonne-desc a { 
	font-weight: 700; 
}

#psoum-list .psoum-card-abandonne-desc a:hover,
#psoum-list .psoum-card-abandonne-desc a:active,
#psoum-list .psoum-card-abandonne-desc a:focus { 
	border-bottom: 1px solid #071f32;
	text-decoration: none;
}

.psoum-card-pastilles{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin: 15px 0;
}

.psoum-card-pastilles img{
	height: 48px;
}

.psoum-card-progressbar	{ 
	margin-bottom: 15px;
	width: 100%; 
	display: flex; 
}

.psoum-card-progressbar .phase.bgcolor-bporange{
	z-index:1;
}

.psoum-card-progressbar.finished { 
	border-width: 4px; 
	border-radius: 1000px;
}

.psoum-card-progressbar.unfinished { 
	border: 4px solid #ffffff!important;
	border-radius: 1000px;
}

.psoum-card-progressbar-header		{ height: 10px; }

.psoum-card-progressbar-txt	{   
	margin-bottom: 0px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #F2903C;
}

#psoum-data .psoum-card-progressbar-txt{
	font-size: 2rem;
	margin-bottom:10px;
}

.psoum-card-progressbar .phase { 
	height: 8px;
	flex-grow: 1;
	border-radius: 2rem;
    margin: 0px -3px; 
}

.psoum-card-progressbar-icons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#psoum-list .psoum-card-link { 
	display: flex; justify-content: center;
	padding: 20px 0px 40px 0;
}

#psoum-list .psoum-card-footer					{ height: 78px; padding: 20px 20px 10px 20px; display: flex; justify-content: space-between; }
#psoum-list .psoum-card-footer .img-qp			{ width: 48px; }
#psoum-list .psoum-card-footer .img-ratp		{ width: 48px; }

#psoum-list .psoum-card-footer-right{
	text-align: center;
	font-size: 1.4rem;
}

#psoum-list .budget { 
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	padding:20px 0;
}

#psoum-list .psoum-card-footer .budget img		{ vertical-align: bottom; }
#psoum-list .psoum-card-origin					{ display: none; }
#psoum-list .psoum-card-description				{ display: none; }

#psoum-list .psoum-card-vote					{ display: flex; justify-content: center; align-items: flex-start; height: 150px; }
#psoum-list .psoum-card-vote .btn				{ overflow: inherit; }
#psoum-list .psoum-card-vote .vote				{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-width:255px }
#psoum-list .psoum-card-vote .vote label{
	font-weight: unset;
}
#psoum-list .psoum-card-vote .vote .budget-label-jai-vote { 
	color: #ffffff;
    background-color: #071f32;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 15px 25px 15px 25px;
    line-height: normal;
    border: 0;
}
#psoum-list .budget-btn-do-vote:hover { color: #ffffff; }
#psoum-list .budget-label-remove-vote { margin-top: 10px; font-weight:500; align-self :center; }
#psoum-list .budget-label-remove-vote:hover,
#psoum-list .budget-label-remove-vote:focus,
#psoum-list .budget-label-remove-vote:active { border-bottom: 1px solid #071f32; }
#psoum-list .psoum-card-vote .vote-done			{ color: #2F8355; padding: 0px 5px; }
#psoum-list .psoum-card-vote .novote			{ font-style: italic; color: #808080; padding: 0px 5px; }

/* ------------------------------------- CARD ------------------------------------- */

#psoum-section{
	position: relative;
	overflow: hidden;
}

#psoum-card .container { 
	margin-top: 100px; margin-bottom: 60px;
} 

section #psoum-card{
	position: relative;
	z-index:1;
}

#psoum-peinture-top, #prop-peinture-top{
	position: absolute;
    top: -300px;
    z-index: 0;
    display: flex;
    background-image: url(../images/local/skin/trace-orange-horizontale.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#psoum-peinture-bottom{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: -610px;
    z-index: 0;
    display: flex;
    position: absolute;
    background-image: url(../images/local/skin/trace-orange-horizontale.png);
}

#psoum-card #psoum-header	{ 
	display: flex;
	align-items: flex-end;
	padding: 0px 10px 0px 40px;
	font-size: 2.4rem;
	font-weight: 700;
	text-transform: uppercase; 
	margin-top: -45px;
	margin-bottom: 45px;
	position: relative;
} 

#psoum-card #psoum-header .psoum-header-share {
	margin-left: auto;
	display: flex; align-items: center;
}

#psoum-card #psoum-header a	{
	display: flex; 
} 

#psoum-card #psoum-header a:hover,
#psoum-card #psoum-header a:active,
#psoum-card #psoum-header a:focus	{
	background-color: none;
	color: #071f32;
} 

#psoum-card #psoum-header img	{
	margin: auto;
}

#psoum-card #psoum-header .psoum-theme-icon{
	background-color: currentColor;
    border-radius: 100%;
    width: 93px;
    height: 93px;
    display: flex;
    box-shadow: 0px 3px 6px #0000005e;
    margin-right: 15px;
    flex-shrink: 0;
}

#psoum-card #psoum-body	{ 
	display: flex;
	flex-direction: column;
	border-top: 0;
}

#psoum-card #psoum-wrapper {
	display: flex;
	border-top: 0;
	background-color:#ffffff;
}

#psoum-card #psoum-desc { 
	padding: 35px 35px 70px 35px;
} 

#psoum-card #psoum-desc .psoum-desc-localisation { 
	display: flex; align-items: center;
} 

#psoum-card #psoum-desc .psoum-desc-localisation img { 
	margin-right: 5px;
	height: 35px; 
} 

#psoum-card #psoum-desc .psoum-desc-localisation-addr {
	color: #071f32;
	font-size: 1.6rem; font-weight: 700; 
} 

#psoum-card #psoum-desc .psoum-desc-titre h1 { 
	margin-top: 20px;
	margin-bottom: 60px;
	font-size: 2.9rem;
	font-weight: 900;
}

#psoum-card #psoum-desc .psoum-desc-titre .num-project { 
	font-size: 2.2rem; margin-bottom: 10px; 
}
 
#psoum-card #psoum-desc .psoum-desc-soustitre h2						{ padding-top: 0px; margin-top: 0px; margin-bottom: 30px; color: #337ab7; }
#psoum-card #psoum-desc .psoum-desc-delivered  { 
	margin-bottom: 30px;
	height: 70px; 
	color: #071f32; 
	line-height: 70px; font-size: 4.0rem; font-weight: bold; text-align: center; text-transform: uppercase;  
}
	
#psoum-card #psoum-desc .psoum-desc-undeliverable						{ height: 50px; line-height: 50px; font-size: 2.0rem; font-weight: bold; text-align: center; color: #ffffff; margin-bottom: 20px; }
#psoum-card #psoum-desc .psoum-desc-undeliverable a						{ color: #ffffff; }
#psoum-card #psoum-desc .psoum-desc-img	{ 
	padding-bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
    background-color: #071f32;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
    position: relative;
}

#psoum-card #psoum-desc .psoum-desc-img.psoum-desc-img-empty{
	min-height: 360px;
}

#psoum-card #psoum-desc .psoum-desc-img img								{ width: 100%; }


.frame-top, #psoum-card #psoum-desc .psoum-desc-img .frame-top{
	position: absolute;
    width: unset;
}
#psoum-card #psoum-desc .psoum-desc-img .frame-top {
    top: -15px;
    left: -15px;
}

.frame-left, #psoum-card #psoum-desc .psoum-desc-img .frame-left{
	transform: rotate(90deg);
	width: unset;
    position: absolute;
}
#psoum-card #psoum-desc .psoum-desc-img .frame-left {
    top: 80px;
    left: -100px;
}

.frame-bottom, #psoum-card #psoum-desc .psoum-desc-img .frame-bottom{
	width: unset;
	position: absolute;
}
#psoum-card #psoum-desc .psoum-desc-img .frame-bottom {
    bottom: -13px;
    right: -10px;
}

.frame-right, #psoum-card #psoum-desc .psoum-desc-img .frame-right{
	transform: rotate(90deg);
	width: unset;
    position: absolute;
}
#psoum-card #psoum-desc .psoum-desc-img .frame-right {
    bottom: 80px;
    right: -105px;
}

#psoum-card #psoum-desc h2 { 
	padding-top: 30px;
	margin-bottom: 40px;  
	font-size: 2.4rem;
	font-weight: 800;
}

#psoum-card #psoum-desc .psoum-desc-txt { 
	text-align: justify;
	font-size: 1.8rem; white-space: pre-wrap;  
} 

#psoum-card #psoum-desc .psoum-desc-txt iframe	*						{ max-width: 100%; }
#psoum-card #psoum-desc .psoum-desc-txt iframe							{ max-width: 100%; }
#psoum-card #psoum-desc .psoum-desc-txt img		*						{ max-width: 100%; height: auto; }
#psoum-card #psoum-desc .psoum-desc-txt img								{ max-width: 100%; height: auto; }
#psoum-card #psoum-desc .psoum-desc-avct								{ font-size: 1.8rem; color: #000000; /* font-weight: bold; white-space: pre-wrap; */ color: #000000; } 	/*   * = overrides subnodes, gniark gniark ! */ 
#psoum-card #psoum-desc .psoum-desc-avct		*						{ font-size: 1.8rem; color: #000000; /* font-weight: bold; white-space: pre-wrap; */ color: #000000; } 	/*   * = overrides subnodes, gniark gniark ! */ 
#psoum-card #psoum-desc .psoum-desc-avct iframe	*						{ max-width: 100%; }
#psoum-card #psoum-desc .psoum-desc-avct iframe							{ max-width: 100%; }
#psoum-card #psoum-desc .psoum-desc-avct img	*						{ max-width: 100%; height: auto; }
#psoum-card #psoum-desc .psoum-desc-avct img							{ max-width: 100%; height: auto; }
#psoum-card #psoum-desc .psoum-desc-carto					{ height: 180px; }
	
#psoum-card #psoum-data { 
	padding: 15px;
    margin: 35px;
    background-color: #F4F3F3;
} 

#psoum-card #psoum-data .psoum-data-sep									{ height: 0px; border-top: 1px solid #d5d5d5; margin-top: 0px; padding-top: 30px; }




#psoum-card #psoum-data .psoum-data-delivered {
	margin-bottom: 30px;
	padding:20px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; 
	color: #071f32; 
	font-size: 4.0rem;
	font-weight: 700;
	stext-transform: uppercase;  
}
	
#psoum-card #psoum-data .psoum-data-delivering {
	margin-bottom: 30px; padding:20px 0px;
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
	color: #071f32; 
	font-size: 2.2rem; font-weight: 700; text-transform: uppercase;  
}
	
#psoum-card #psoum-data #op-state-step4,
#psoum-card #psoum-data #op-state-step5 {
	font-size: 1.4rem; font-weight: normal; 
	text-align: center; text-transform: initial;  
}

#psoum-card #psoum-data .psoum-card-avancement{
	margin:20px 25px 30px 25px;
}




#psoum-card #psoum-data .psoum-data-undeliverable						{ height: 80px; line-height: 80px; font-size: 2.0rem; text-align: center; color: #ffffff; margin-bottom: 20px; }
#psoum-card #psoum-data .psoum-data-undeliverable a						{ color: #ffffff; }

#psoum-card #psoum-data #psoum-data-header {
	margin: 0px 0px 40px 10px;
	border-bottom: 1px solid #707070;
    padding-bottom: 30px;
	display: flex; align-items: center;
}
	
#psoum-card #psoum-data #psoum-data-pastilles { 
	display: flex; 
	width: 100%;
    justify-content: space-between;
}

#psoum-card #psoum-data #psoum-data-pastilles .psoum-header-share{
	display: flex;
    justify-content: space-between;
    align-self: flex-end;
}

#psoum-card #psoum-data #psoum-data-pastilles .psoum-header-share a.share{
	background-color: #DBDBDB;
    border-radius: 100%;
    height: 64px;
    width: 64px;
    display: flex;
    margin: 0 5px 0 5px;
}

#psoum-card #psoum-data #psoum-data-pastilles .psoum-header-share a.share > img{
	display: flex;
    margin: auto;
    height: 20px;
}

#psoum-card #psoum-data h2 { 
	font-size: 2.2rem;
    background-image: url(../images/local/skin/longue-trace-rouge.svg);
    background-size: cover;
    background-position: center;
    padding: 20px;
    text-align: center;
    font-weight: 800;
    color: #ffffff;
}

#psoum-card #psoum-data p				 							{ overflow: hidden; text-overflow: ellipsis; }
#psoum-card #psoum-data p:hover									{ overflow: initial; } 
#psoum-card #psoum-data img												{ vertical-align: bottom; } 

#psoum-card #psoum-data #fav {
	margin-top: 50px;
	display: flex; flex-direction: column; align-items: center;
} 


#psoum-card #psoum-data .status-btn-follow {
	margin-top: 50px;
	display: flex; flex-direction: column; align-items: center;
} 

#psoum-card #psoum-data .status-btn-follow p {
	font-size: 1.8rem; white-space: normal; text-align: center;
}
	
#psoum-card #psoum-data .psoum-data-planning .date-step { 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
	font-size: 1.8rem; 
} 

#psoum-card #psoum-data .psoum-data-planning .date-step img { 
	margin-left: 11px; margin-right: 11px;
	vertical-align: inherit;  
} 

#psoum-card #psoum-data .psoum-data-planning .date-step.phase-unactive  { 
	color: #666666; 
	font-weight: normal; line-height: 2rem;  
}
 
#psoum-card #psoum-data .psoum-data-planning .date-step.phase-active { 
	line-height: 2rem; 
} 

#psoum-card #psoum-data .psoum-data-planning span.phase-beginning { 
	font-size: 1.4rem;  
}
 
#psoum-card #psoum-data .psoum-data-origin { 
	font-size: 1.8rem; 
} 

#psoum-card #psoum-data .psoum-data-origin p {
	margin-left: 35px;
}
	
#psoum-card #psoum-data .psoum-data-origin p.basic-origin { 
	white-space: inherit; text-align: justify; 
} /* Specific to 2014-2015 projects : no overflow management on text */

#psoum-card #psoum-data .psoum-data-origin a { 
	color: #E8404E;
    text-decoration: underline;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4rem;
}

#psoum-card #psoum-data .psoum-data-vote						{ display: flex; justify-content: center; align-items: flex-start; margin: 50px 0px; }
#psoum-card #psoum-data .psoum-data-vote .btn					{ overflow: inherit; }
#psoum-card #psoum-data .psoum-data-vote .vote								{ display: flex; flex-direction: column; justify-content: space-around; width: 100%; }
#psoum-card #psoum-data .psoum-data-vote .vote .btn-group					{ display: flex; justify-content: space-around; }
#psoum-card #psoum-data .psoum-data-vote .vote .budget-btn-do-vote			{ background-image: none; font-size: 1.8rem; }
#psoum-card #psoum-data .psoum-data-vote .vote .budget-cancel-vote-button	{ width: 100%; }
#psoum-card #psoum-data .psoum-data-vote .vote .budget-label-jai-vote { color: #ffffff; background-color: #071f32; border: 4px solid #071f32; padding: 8px 30px 5px 30px; font-size: 1.4rem; font-weight: 700; line-height: normal; text-transform: uppercase; }
#psoum-card #psoum-data .psoum-data-vote .vote .budget-label-remove-vote { margin-top: 10px; text-align: center; }
#psoum-card #psoum-data .psoum-data-vote .vote .budget-cancel-vote-button { font-weight:500; color: #071f32; }
#psoum-card #psoum-data .psoum-data-vote .vote .budget-cancel-vote-button:hover,
#psoum-card #psoum-data .psoum-data-vote .vote .budget-cancel-vote-button:focus,
#psoum-card #psoum-data .psoum-data-vote .vote .budget-cancel-vote-button:active { border-bottom: 1px solid #071f32; text-decoration: none;}

#psoum-card #psoum-data .psoum-data-vote .vote-done			{ color: #2F8355; font-weight: normal; }
#psoum-card #psoum-data .psoum-data-vote .novote				{ overflow: inherit; text-overflow: inherit; white-space: inherit; color: #808080; font-style: italic; font-weight: normal; }

#psoum-card #psoum-data .psoum-data-carto					{ height: 240px; }
#psoum-card #psoum-data .leaflet-popup-content 				{ margin: 5px; }
#psoum-card #psoum-data .leaflet-container a.leaflet-popup-close-button				{ display: none; }
#psoum-card #psoum-data .leaflet-popup-content .popup-idee .popup-idee-content br		{ display: none; }
#psoum-card #psoum-data .leaflet-popup-content .popup-idee .popup-idee-content .popup-title	{ font-family: "TradeGothicNo.18-Condensed"; font-size: 1.4rem; line-height: 1.4rem; margin-bottom: 5px; }
#psoum-card #psoum-data .leaflet-popup-content .popup-idee .popup-idee-content .popup-localisation	{ font-size: 1rem; margin-bottom: 2px; display: none; }
#psoum-card #psoum-data .leaflet-popup-content .popup-idee .popup-idee-content .date-step		{ font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px; }
#psoum-card #psoum-data .leaflet-popup-content .popup-idee .popup-idee-content .date-step	img	{ vertical-align: inherit; margin-right: 5px; }
#psoum-card #psoum-data .leaflet-popup-content .popup-idee .popup-idee-content .date-step.phase-unactive { color: #737373; font-weight: normal; } 
#psoum-card #psoum-data .leaflet-popup-content .popup-idee .popup-idee-content .date-step.phase-active	{ } 
#psoum-card #psoum-data .leaflet-popup-content .popup-idee .popup-idee-content p:last-of-type	{ display: none; }

#psoum-card #psoum-data .map-legend								{ margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.75); font-weight: bold; }
#psoum-card #psoum-data .map-legend img							{ height: 16px; margin-right: 5px; }
#psoum-card #psoum-data .map-legend								{ display: flex; flex-direction: column; background-color: rgba(255, 255, 255, 0.75); font-weight: bold; }
#psoum-card #psoum-data .map-legend-line							{ display: flex; height: 20px; }
#psoum-card #psoum-data .map-legend-line	div.marker 				{ width: 10px; height: 14px; margin-top: 0; margin-left: 0; margin-right: 5px; text-align: center; }
#psoum-card #psoum-data .map-legend-line  img						{ height: 14px; vertical-align: text-bottom; }

#psoum-card #psoum-data .psoum-data-vote						{ display: flex; justify-content: center; align-items: flex-start; margin: 50px 0px; }

#psoum-card #psoum-data .psoum-data-kv { 
	display: flex; align-items: center;
	font-size: 1.8rem; line-height: 1.8rem;
	margin-bottom: 10px;
} 

#psoum-card #psoum-data .psoum-data-kv.last { 
	margin-bottom: 35px;
} 

#psoum-card #psoum-data .psoum-data-key { 
	width: 35px; 
} 

#psoum-card #psoum-data .psoum-data-value { 
	margin: 0px;
} 

#psoum-card #psoum-data-handicap		 					{ margin-top: 15px; margin-bottom: 25px; font-size: 1.5rem; border-radius: 5px; background-color: #d7eff1;padding: 5px; white-space: normal!important; } 

/* ********************************************************************************************* */
/* * PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIG * */
/* * PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIGH PNEIG * */
/* ********************************************************************************************* */

.neighbour-box {
	margin-bottom: 15px;
    font-weight: 700;
    font-size: 2.2rem;
}

.neighbour-title {
	margin: 20px 0;
	font-weight: bold;
}

.neighbour-title::before { 
	content: "Ces projets peuvent aussi vous intéresser";
}

.pneigh-card {
	background-color: #ffffff;
}

.pneigh-panel a {
	color: #071f32;		
}

.pneigh-panel a:hover {
	text-decoration: none;
}

.pneigh-card-theme {
	padding: 0px 0px 2px 5px;
	font-size: 1.2rem;
	display:flex;
	flex-direction: row;
	align-items: center;
	font-weight: 800;
}

.pneigh-panel .pneigh-card-theme .pneigh-theme-icon{
	background-color: currentColor;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: flex;
    box-shadow: 0px 3px 6px #0000005e;
    flex-shrink: 0;
    margin: -30px 15px 0 15px;
}

.pneigh-panel .pneigh-card-theme .pneigh-theme-icon img{
	margin:auto;
}

.pneigh-img{
	height: 160px;
	background-color: #071f32;
	background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
}

.pneigh-img img {
	object-fit: cover;
	height: 160px;
	width: 100%;
}

.pneigh-title {
    display: -webkit-box;
	background-color:#ffffff;
	padding: 10px 20px;
	font-size: 1.4rem;
	height: 8.5rem;
	margin: 20px 0 20px 0;
	line-height: 1.8rem;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.pneigh-campagne {
	color: #F2903C;
	font-size: 1.2rem;
	padding-right: 10px;
	font-weight: 700;
	margin-left: 25px;
}

.pneigh-line {
	margin: 0px 20px 20px 20px;
	height: 8px;
    border-radius: 2rem;
}

.pneigh-ardt {
	background-color:#ffffff;
	padding: 20px 20px 2px 20px;
	font-size: 1.1rem;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.pneigh-addr {
	background-color:#ffffff;
	padding: 2px 20px 15px 20px;
	font-size: 1.1rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.pneigh-addr:hover{
    overflow: visible; 
    white-space: normal; 
}

.pneigh-hl {
	display: none;
}

/* MAPS STYLES */
#map-filter-msg														{ margin: 20px 0px 0px 0px; padding: 40px; color: #ffffff; border-radius: 0px; background-color: #071f32; }
#map-filter-msg .budget-projet-filtre-arr-label						{ padding-left: 5px!important; padding-top: 0px!important; }
#map-filter-msg	.form-group											{ margin-bottom: 0px!important; }
#map-filter-msg	.form-group	.checkbox								{ margin-bottom: 0px!important; }
#map-filter-msg	.form-group input									{ margin-left: 0px!important; }

#map-result															{ margin-bottom: 50px; }
#map-result .map-msg													{ margin-bottom: 30px; padding: 20px; background-color: #fff; border: 1px solid #071f32; }
#map-result #map														{ height: 500px;}
#map-result .leaflet-top												{ z-index: 2 !important }
#map-result .leaflet-container a.leaflet-popup-close-button				{ display: none; }
#map-result .leaflet-popup-content-wrapper								{ border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; }
#map-result .leaflet-popup-content p:last-of-type						{ text-align: center; margin-bottom: 0px; }
#map-result .leaflet-popup-content p:last-of-type button				{ -webkit-box-shadow: 0; box-shadow: 0; font-family: 'TradeGothicNo.18-Condensed';font-size: 16px }

#map-result .leaflet-popup-content .popup-idee							{ padding: 0;margin: -10px -10px 0 -10px;width: 210px;min-height: 50px }
#map-result .leaflet-popup-content .popup-idee .popup-idee-header		{ font-family: "TradeGothicNo.18-Condensed"; color: #FFF; margin: 0 -6px;	padding: 8px 10px;	text-transform: uppercase;	font-size: 14px }
#map-result .leaflet-popup-content .popup-idee .popup-idee-content		{ padding: 10px }
#map-result .leaflet-popup-content .popup-idee .popup-idee-content .popup-title	{ font-family: "TradeGothicNo.18-Condensed"; font-size: 2rem; line-height: 2rem; margin-bottom: 10px; }
#map-result .leaflet-popup-content .popup-idee .popup-idee-content .popup-localisation	{ font-size: 1rem; margin-bottom: 5px; display: none; }
#map-result .leaflet-popup-content .popup-idee .popup-idee-content a	{ font-family: 'Archer-Semibold';font-size: 1.9rem;color: #000;line-height: 80%;height: 50px }
#map-result .leaflet-popup-content .popup-idee .popup-idee-footer		{ margin: 5px;font-family: 'TradeGothicNo.20-CondBold';font-size: 1.3rem;color: #0a4264 /* var(--menu_bgcolor) */ }

/* Styles for winner projects (it uses 'idee' classes but are projects) */
#map-result .leaflet-popup-content .popup-idee .popup-idee-content .date-step		{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px; }
#map-result .leaflet-popup-content .popup-idee .popup-idee-content .date-step	img	{ vertical-align: inherit; margin-right: 5px; }
#map-result .leaflet-popup-content .popup-idee .popup-idee-content .date-step.phase-unactive { color: #737373; font-weight: normal; } 
#map-result .leaflet-popup-content .popup-idee .popup-idee-content .date-step.phase-active	{ } 
#map-result .leaflet-popup-content .popup-idee .popup-idee-content span.phase-beginning		{ font-size: 1.4rem; font-weight: initial; } 

#map-result .paris-cluster-small div					{ background-color: rgba(34,  67,  77, 0.8); border: 1px solid rgba(34,  67,  77, 0.7); }
#map-result .paris-cluster div	{ width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; text-align: center; border-radius: 20%; box-sizing: content-box; font: 1.1rem "montserrat"; color: #fff; }
#map-result .paris-cluster span	{ line-height: 30px; }
#map-result .ardt-cluster-small div					{ background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(34,  67,  77, 0.5); }
#map-result .ardt-cluster div		{ width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; text-align: center; border-radius: 20%; box-sizing: content-box; font: 1.1rem "montserrat"; color: #000; }
#map-result .ardt-cluster span	{ line-height: 30px; }

#map-result .map-legend								{ display: flex; flex-direction: column; background-color: rgba(255, 255, 255, 0.75); font-weight: bold; }
#map-result .map-legend-line							{ display: flex; height: 20px; }
#map-result .map-legend-line	div.marker 				{ width: 16px; height: 14px; margin-top: 0; margin-left: 0; margin-right: 5px; text-align: center; }
#map-result .map-legend-line	.paris-cluster-small div,
#map-result .map-legend-line	.ardt-cluster-small div	{ width: 14px; height: 14px; margin-top: 0; margin-left: 0; margin-right: 5px; }
#map-result .map-legend-line  img						{ height: 14px; vertical-align: text-bottom; }

/* ********************************************************************************************* */
/* * PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN * */
/* * PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN PGAGN * */
/* ********************************************************************************************* */

#pgagn-header{
	padding: 25px;
    color: #ffffff;
    background-image: url(../images/local/skin/trace-orange-horizontale.png);
    background-repeat: no-repeat;
    background-position: 40% 178%;
    background-size: 150% 125%;
}
#pgagn-header-title h1{
	margin-bottom: 0px;
    font-size: 4.1rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
}
#pgagn-header-faq{
	margin: 45px;
	text-align: center;
}

#pgagn-header-faq a{
	font-size: 2.5rem;
	text-decoration: none;
	text-align: center;
	color: #071f32;
	font-weight: 700;
}
#pgagn-header-links		{ margin: 45px; text-align: center; }
#pgagn-header-links	a	{ font-size: 2.5rem; text-decoration: none; text-align: center; color: #071f32; font-weight: 700; }
#pgagn-header-links	a:hover	{ border-bottom:1px solid; }
#pgagn-header-btns		{ margin: 45px 0px 15px 0px; text-align: center; }
#pgagn-header-btns div		{ margin: 15px 0px; }

#pgagn-header-link-center a{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	text-align: center;
	font-size: 1.5rem;
	color: #071f32;
	font-weight: 700;
	text-decoration: none;
}

#pgagn-winner #searchForm { margin: inherit; padding: inherit; }

#pgagn-list .winner h2							{ display: flex; justify-content: space-between; margin-bottom: 20px; border-bottom: 1px solid #B9D1D3; font-size: 3rem; text-transform: uppercase; }
#pgagn-list .winner #searchForm					{ margin: inherit; padding: inherit; }
#pgagn-list .pgagn-panel							{ margin: 0px 0px 30px 0px; }
#pgagn-list .pgagn-panel a						{ text-decoration: none; }
#pgagn-list .pgagn-card							{ background-color: #FFF; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#pgagn-list .pgagn-card-theme{	
	padding-bottom: 2px;
	height: 46px;
    display: flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem; 
}

#pgagn-list .pgagn-card-theme .pgagn-card-icon{
	background-color: currentColor;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    margin-left: 20px;
    margin-right: 10px;
    display: flex;
    margin-top: -50px;
    flex: none;
    box-shadow: 0px 3px 6px #0000005e;
    z-index:1;
}

#pgagn-list .pgagn-card-theme .pgagn-card-icon img{
	margin:auto;
}

#pgagn-list .pgagn-card-link { 
	display: flex; justify-content: center;
	padding: 20px 0px 40px 0;
}

#pgagn-list .pgagn-card-pastilles{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
}

#pgagn-list .pgagn-card-img{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #071F32;
    position: relative;
}

#pgagn-list .pgagn-card-img .bgicon {
	height:60px;
}
#pgagn-list .pgagn-card-img p					{ max-width: 80%; margin: 0px; padding: 10px; background-color: #ffffff; opacity: 0.9; font-weight: bold; font-size: 2rem; text-align: center; }
#pgagn-list .pgagn-card-loc						{ text-transform: uppercase; font-size: 1.4rem; color: #0a4264; font-weight: 500; margin: 10px 15px 10px 15px; }
#pgagn-list .pgagn-card-loc img					{ margin-right: 10px; height: 22px; }
#pgagn-list .pgagn-card-titre					{ height: 8rem; margin: 15px; overflow: hidden; text-overflow: ellipsis; color: #000000; }
#pgagn-list .pgagn-card-titre h3				{ margin: 0 auto; height: 7.5rem; display: block; filter: none!important; -webkit-filter: none!important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1.8rem; font-weight: 500; line-height: 2.5rem; } /* cf https: //codepen.io/martinwolf/pen/qlFdp */
#pgagn-list .pgagn-card-titre h3 span           { display: block; }
#pgagn-list .pgagn-card-footer					{ height: 225px; padding: 10px 15px 0px 15px; }
#pgagn-list .pgagn-card-footer .img-qp			{ width: 48px; }
#pgagn-list .pgagn-card-footer .img-ratp		{ width: 48px; }
#pgagn-list .pgagn-card-footer .budget{
	font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    padding: 20px 0;
}
#pgagn-list .pgagn-card-footer .budget img		{ vertical-align: bottom; }
#pgagn-list .pgagn-card-result					{ height: 68px; display: flex; justify-content: center; align-items: center; text-align: center; color: #000000; font-size: 30px; font-family: 'Roboto';font-weight: bold; }
#pgagn-list .pgagn-card-result i				{ font-size: 2rem; font-weight: normal; }
#pgagn-list .pgagn-card-result span				{ font-size: 4rem; line-height: 4rem; font-weight: normal; }

#portlet-pgagn{     
	display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    background-image: url(../images/local/skin/trace-rouge.png);
    background-position: center top;
    background-size: cover;
    padding: 80px 60px 40px 60px;
    text-align: center;
    color: #ffffff; 
}

#pgagn-container #project-sharing-buttons { margin-bottom: 70px; }

/* ********************************************************************************************* */
/* * ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER A * */
/* * ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER ATELIER A * */
/* ********************************************************************************************* */

#atelier {
	margin-top:60px; margin-bottom:70px;
	font-size:1.8rem;
}

#atelier h1 {
	margin-bottom:50px;
	text-align:center; 
	font-family: 'Open Sans Condensed', sans-serif; font-size: 4.0rem; font-weight: 700; text-transform: uppercase;  
}

#atelier h2 {
	margin:20px 0; padding:0;
	font-size:2.2rem; 
}

#atelier h4 > a {
	color:#2d2d2b;
}

#atelier h4 > a:hover, #atelier h4 > a:focus {color:red;}

#atelier .atelierDateLieu { 
	padding:25px 20px;
	background-color:#0d1e30; color:white;  
}

#atelier .atelierDescription { 
	margin-bottom:50px; padding:25px 20px; 
	background-color:#0d1e30; color:white;
	white-space:pre-wrap; 
}

#atelier #project-sharing-buttons {
	margin-bottom:30px;
}

#atelierInfo {
	margin-bottom:25px;
}

#atelierInfo > div ul {
	padding:0px;
}

#atelierInfo > div ul li {
	list-style-type:none;
	line-height:3rem;
}

#atelierInfo > div ul li a {
	color:#071f32;
}

#atelierInfo > div ul li a:hover,
#atelierInfo > div ul li a:active,
#atelierInfo > div ul li a:focus {
	border-bottom:1px solid #071f32;
	text-decoration:none;
}

#atelierInfo > div > div { display:table; border-spacing:10px; }
#atelierInfo > div > div img { margin-right:5px;  }
#atelierInfo > div > div > div {display:table-row;}
#atelierInfo > div > div > div > div {display:table-cell; vertical-align:middle;}

#atelier #comments 						{ padding:0px 30px; }
#atelier #comments .commentBlock .separator	{ border-top: 1px solid #d0d0d0; margin: 0px 15px 30px 15px; }

#atelierTabs .nav-tabs > li {
	background-color:#f3f3f3; 
	text-align:center; text-transform:uppercase; 
}

#atelierTabs .nav-tabs > li:not(:last-of-type) {
	border-right:1px solid #ffffff;
}

#atelierTabs .nav-tabs > li > a {
	padding-top:25px; padding-bottom:15px; 
	border:none;
	background-color:#f3f3f3; color:#071f32;
}

#atelierTabs .nav-tabs > li.active,
#atelierTabs .nav-tabs > li.active > a {
	background-color:#40a83a; 
	color:#ffffff;
}

#atelierTabs .nav-tabs > li > a:hover p:nth-of-type(2n+0),
#atelierTabs .nav-tabs > li > a:active p:nth-of-type(2n+0),
#atelierTabs .nav-tabs > li > a:focus p:nth-of-type(2n+0) {
	text-decoration:underline;
}

#atelierTabs .atelierContent,
#atelierTabs .jumbotron  { 
	padding:30px; 
	border:4px solid #40a83a;
	background-color:#ffffff;  
}
	
#atelierTabs .atelierContent p.vote-info { font-family:"Archer-Bold"; color:#00bdfb; font-size:25px; text-align:center;}
#atelierTabs .atelierContent .btn-primary {background-image:none; background-color:#eff8f7; color:#2c2e2b; border:3px solid transparent; white-space:normal; font-size:18px; padding:15px 25px; text-align:left;}
#atelierTabs .atelierContent .btn-primary:hover {border:3px solid #dfdfe7;}
#atelierTabs .atelierContent .btn.active {border:3px solid #61c3dc; -webkit-box-shadow:none; box-shadow:none;}
#atelierTabs .atelierContent > form > div > label {text-shadow: 0 -1px 0 rgba(0,0,0,0.8); font-weight:normal;}
#atelierTabs .atelierContent > form > div > label.disabled {color:rgb(118,119,117); text-shadow:0 -1px 0 rgba(118,119,117,0.8);}
#atelierTabs .atelierEntries {display:table; width:100%;}
#atelierTabs .atelierEntries > div {display:table-row;}
#atelierTabs .atelierEntries > div > label {display:table-cell; position:relative}
#atelierTabs .atelierEntries .ideeTitle {font-size:23px; text-align:center; padding:30px 0;}
#atelierTabs .atelierEntries .twocols {width:48%;}
#atelierTabs .atelierEntries .threecols {width:30.66666666% }
#atelierTabs .atelierEntries .tableSpacer {width:4% }
#atelierTabs .atelierContent [data-toggle="buttons"] .btn input[type="radio"],
#atelierTabs .atelierContent [data-toggle="buttons"] .btn input[type="checkbox"] {position:absolute; clip:rect(0,0,0,0); pointer-events:none;}
#atelierTabs .atelierEntries .check {display:none; background-color:#61c3dc; position:absolute; z-index:1; color:#fff; float:right; width:32px; height:32px; right:-15px; top:-15px; text-align:center; border-radius:100%; line-height:30px; font-size:18px;}
#atelierTabs .atelierEntries .btn.active .check {display:block;}

/* ********************************************************************************************* */
/* * MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY * */
/* * MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY MY * */
/* ********************************************************************************************* */

/* ------------------------------ My Projects ------------------------------ */

#my-projects-container { 
	margin-top: 30px; margin-bottom: 60px; 
	font-size:1.8rem;
}

#my-projects-container h2 { 
	margin: 60px 0px 40px 0px;
	font-size: 3.1rem; font-weight: 700; text-transform: uppercase;
}

#my-projects-container .prop-panel {
	margin: 00px 0px 60px 0px;  
}

#my-projects-container .prop-card {
	height:100%;
	overflow: hidden; 
}

#my-projects-container .prop-card-theme	{ 
    padding-top: 2px; padding-bottom: 6px; 
    display: flex; align-items: center;
    font-family: 'Open Sans Condensed', sans-serif; font-size: 1.6rem; font-weight: 700; line-height: 1.6rem; text-transform: uppercase; 
}

#my-projects-container .prop-card-theme	img { 
	margin-left: 15px; margin-right: 10px;
    height: 36px;
}

#my-projects-container .prop-card-loc {
	margin: 25px 20px 0px 20px ;
	font-weight: bold; font-size: 1.4rem; 
}

#my-projects-container .prop-card-loc p	{ 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
} 

#my-projects-container .prop-card-loc p:hover { 
	overflow: initial; 
} 

#my-projects-container .prop-card-titre	{ 
	margin: 25px 20px 20px 20px ;
	overflow: hidden; text-overflow: ellipsis;  
}

#my-projects-container .prop-card-titre h3 { 
	margin: 0 auto; 
	height: 5.4rem; /* = line-height * nb-lines-to-show = 1.8 * 3 */
	display: block; 
	-webkit-line-clamp: 3; -webkit-box-orient: vertical; 
	overflow: hidden; text-overflow: ellipsis; 
	font-size: 1.8rem; font-weight: bold;line-height: 1.8rem; 
} /* cf https: //codepen.io/martinwolf/pen/qlFdp */

#my-projects-container .prop-card-campagne { 
    margin: 0px 20px 0px 20px;
    font-size: 1.4rem; height: 22px;
}

#my-projects-container .prop-card-line { 
    margin: 0px 20px 30px 20px;
    height: 2px;
}
	
#my-projects-container .buttons-wrapper { 
	margin-bottom:25px;
	display:flex; flex-direction:column; align-items:center;  
}

#my-projects-container .prop-card-workshop { 
	margin: 25px 20px 0px 20px;
	text-align: center; 
}

#my-projects-container .prop-card-delete { 
	margin: 25px 20px 0px 20px;
	text-align: center; 
}

#resultSubscribed .prop-card-unsubscribe { 
	margin: 25px 20px 0px 20px;
	text-align: center; 
}

/* ------------------------------ My Favorites ------------------------------ */

#my-favs-container { 
	margin-top: 10px; margin-bottom: 70px; 
	font-size:1.8rem;
}

#my-favs-container h2 { 
	margin: 70px 0px 30px 0px;
	font-size: 3.1rem; font-weight: 700; line-height: 2.6rem; text-transform: uppercase;
}

#my-favs-container p.empty-list					{ font-weight: bold; }
#my-favs-container p.tips						{ font-size: 1.4rem; }

/* table style */

#my-favs-container .table						{ background-color: #ffffff; border:4px solid #071f32; }

#my-favs-container .table *						{ border:none; }

#my-favs-container th							{ background-color: #071f32; color: #ffffff; }

#my-favs-container th:not(:last-of-type) span	{ left: 20px!important; }

#my-favs-container th:last-of-type,
#my-favs-container td:last-of-type				{ text-align: center; }

#my-favs-container th > * { 
	padding: 0 15px; 
}

#my-favs-container a { 
	color: #071f32;
	text-decoration: none;
}

#my-favs-container a.project-link:hover { 
	border-bottom:1px solid #071f32;
}

#my-favs-container .table .ellip				{ position: relative; }
#my-favs-container .table .ellip span,

#my-favs-container .table .ellip:before			{ content: ''; display: inline-block; }

/* dataTable style overridings */
.dataTable .sorting,
.dataTable .sorting_asc,
.dataTable .sorting_desc	{ background-position: center left!important; }


/* ------------------------------ My Subscriptions ------------------------------ */

#viewMySubscriptions {
	margin-bottom: 70px;
	font-size: 1.8rem;
}
	
#viewMySubscriptions h2 {
    margin: 60px 0px 40px 0px;
    font-size: 3.1rem; font-weight: 700; line-height: 2.6rem; text-transform: uppercase;
}

#viewMySubscriptions .msg {
	margin-bottom: 30px;
}

#viewMySubscriptions .lead {
	font-size: 1.8rem; 
}
	
#viewMySubscriptions p.lead {
	font-weight: 700;
}
	
/* ********************************************************************************************* */
/* * COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS * */
/* * COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS COMMENTS * */
/* ********************************************************************************************* */

#comments														{ margin-top: 15px; background-color: #ffffff }
#comments #comment-num											{ margin: 5px 0; font-size: 20px; font-weight: bold; color: #2d2d2b }
#comments .commentBlock											{ padding: 20px 0px; font-size: 1.5rem; }
#comments .commentBlock .paddingoverride						{ padding-right: 0; }
#comments .row h4												{ color: #9c9a9a; font-size: 1.5rem; padding: 0; margin: 0px 0px 10px 0px; font-weight: bold; }
#comments .row h4 span											{ color: #202020; margin-right: 10px; }
#comments   													{ margin: 0; padding: 15px; }
/* #comments .btn-lg 												{ margin-left: 30px; } */
#comments #comment-footer img									{ width: auto;padding: 0 10px;}
#comments .commentReply											{ color: #0a4264; text-transform: uppercase; text-decoration: none; font-size: 100%; font-weight: bold; cursor: pointer;}
#comment-form textarea											{ border: 2px solid #0a4264;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;margin-top: 5px}

#comments .rating       { width: 45px; height: 45px; margin: 2px; padding: 0px; border-radius: 0px; background-image: url(../images/local/skin/like-blue.png); background-repeat: no-repeat; background-position: center 3px;  background-size: 18px 18px; }
#comments .rating:hover { background-image: url(../images/local/skin/like.png); }
#comments .rating p     { margin: 25px 0px 0px 0px; font-size: 1.2rem; font-weight: bold; text-transform: uppercase; }

/* ********************************************************************************************* */
/* * MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE M * */
/* * MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE MON-COMPTE M * */
/* ********************************************************************************************* */

.banner-mon-compte__connexion-wrapper.banner-mon-compte__bp { 
	display:none; 
}

#popin-save-personal-info-content table { 
	width:100%; 
}

#popin-save-personal-info-content th { padding:5px; color:#f2f2f2; background-color:#0a4264; text-align:center; font-weight:normal; font-size:1.8rem; }
#popin-save-personal-info-content th:first-of-type { text-align:right; background-color:#3278b4; }

#popin-save-personal-info-content td { padding:5px; color:#0a4264; background-color:#f2f2f2; text-align:center; font-weight:normal; font-size:1.8rem; }
#popin-save-personal-info-content td:first-of-type { text-align:right; background-color:white; }

/* ********************************************************************************************* */
/* * MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS * */
/* * MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS MES-INFOS * */
/* ********************************************************************************************* */

#myInfos-container { 
	margin-top: 70px; margin-bottom: 70px; 
	font-size: 1.8rem; 
}
	
#myInfos-container h3 { 
	margin-top: 60px; 
}

#mesinfos-modal .form-control,
#myInfos-container .form-control {
	height: 39px; width: 100%;
	padding: 0px 10px;
	display: flex; align-items: center;
	border-radius: 0px;
	background-color:#ffffff;
	font-size: 1.6rem; 
}

#mesinfos-modal #moncompte,
#myInfos-container #moncompte { 
	margin: 0px; padding: 20px 25px 10px 25px; 
	background-color: #3278b4; 
}

#myInfos-container #moncompte .form-control { 
	border:none;
}

#myInfos-container #moncompte h3 { 
	margin: 0px 0px 20px 0px; 
	color: white; 
}

#myInfos-container #moncompte p	{ 
	color: white; 
}

#myInfos-container #moncompte a	{
	border-bottom: 1px solid #ffffff;
	color: white;  
}

#myInfos-container #moncompte a:hover,
#myInfos-container #moncompte a:active,
#myInfos-container #moncompte a:focus	{
	border-bottom: 1px solid #071f32;
	color: #071f32; 
	text-decoration: none;
}

#myInfos-container #budgetparticipatif-profile-button {
	margin-top: 40px;
}

#myInfos-container #optin-nl {
	margin-top: 45px;
	text-align: center;
}

/* ------------------------------ Modal specifics ------------------------------ */

#mesinfos-modal.modal {
	font-size: 1.4rem;
}
	
#mesinfos-modal h1 {
	display:none;  
}

#mesinfos-modal h3 {
	margin-top: 20px; 
	font-size: 1.6rem;
}
	
#mesinfos-modal .form-control {
	font-size: 1.4rem;
}
	
#mesinfos-modal .mesinfos-avatar {
	display:flex;
	align-items:center;
}

#mesinfos-modal .mesinfos-avatar * {
	margin-right:10px;
}

#mesinfos-modal .mesinfos-avatar img {
	height:50px; 
}

#mesinfos-modal .btn-18rem {
	padding: 7px 30px 2px 30px; 
	font-size: 1.4rem; 
}
	
#mesinfos-modal #optin-nl {
	text-align: center;
}

/* ********************************************************************************************* */
/* * VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE * */
/* * VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE VOTE * */
/* ********************************************************************************************* */

#recap_vote 							{ width: 80%; border-bottom: none !important;text-align: center;float: left; margin: 20px 10% 20px 10%; }
#recap_vote .recap_vote_list			{ text-align: left; }
#recap_vote .recap_vote_list a			{ color: #000000; }
#recap_vote .typeVote_title				{ margin-bottom: 20px; color: #000000; font-size: 2rem; font-weight: 600; }
#recap_vote span.trash 					{ color: #2D2D2B; }
#recap_vote .infos						{ margin-bottom: 10px; font-size: 1.4rem; text-decoration: underline; }
#recap_vote a							{ color: #000000; }
#recap_vote a:hover,
#recap_vote a:focus,
#recap_vote a:active					{ color: #ffffff; }
#recap_vote #right_item					{ height: 40px; text-align: left; font-size: 1.8rem; }
#recap_vote #right_item .linePrj		{ border-bottom: 1px solid #071f32; display: flex; justify-content: space-between; font-size: 1.8rem; }
#recap_vote #right_item .linePrj .name			{ color: black; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#recap_vote #right_item .withPrj .trash:hover,
#recap_vote #right_item .withPrj .trash:focus,
#recap_vote #right_item .withPrj .trash:active	{ color: #ffffff; }
#recap_vote #right_item .withoutPrj 	{ font-size: 1.6rem; font-weight: 300; }

.btn-idee-navbar					{ background-color: black;cursor: pointer; }

.modalVote 									{ color: #ffffff; }
.modalVote .modal-md						{ width:680px; }
.modalVote .modal-body						{ padding: 30px 0px; }
.modalVote .modal-body .close				{ display: none; }
.modalVote .modal-content 					{ background-color: #ffffff;box-shadow: 10px 13px 16px #00000010;color: #071f32;}
.modalVote .title							{ margin-bottom: 50px; display: flex; justify-content: center; align-items: center; font-size: 4rem; font-weight: 700; }
.modalVote .title img						{ max-height: 110px; margin-right: 30px; }
.modalVote .title div						{ margin-top: 25px; }
.modalVote .subtitle						{ font-family: 'Roboto', sans-serif; font-size: 2rem; text-align: center; }

.modalVote #modalConfirmVoteContent			{ padding: 0px 50px; font-weight: 500; }
.modalVote #modalConfirmVoteContent	p		{ margin-left: 30px; margin-right: 30px; font-size: 1.6rem; font-weight: normal; }
.modalVote #modalConfirmVoteContent	p.main	{ margin-bottom: 30px; font-size: 2rem; font-weight: 500; }
.modalVote #modalConfirmVoteButtonAdd		{ margin-bottom: 50px; }

.modalVote #vote_follow_msg					{ color: yellow; display: none; margin:10px 0px; }
.modalVote .followLink						{ font-size: 2rem; margin: 10px; }
.modalVote #vote_follow_form 					{ margin: 0px; padding: 15px 50px; background-color: #071f32; border-radius: 0px; }
.modalVote #vote_follow_container 				{ margin: 15px 0px; }
.modalVote #vote_follow_container input			{ margin-left: 15px; margin-right: 5px; }
.modalVote #vote_follow_container_asterisque	{ font-size: 1.2rem; margin-top: 10px; }

.modalVote #modalConfirmVoteButtonValid		{ margin: 50px 0px 20px 0px; }

.modalVote #vote_description				{ display: flex; justify-content: center; margin-top: 50px; }
.modalVote .step							{ margin-bottom: 20px; padding: 0px 10px; display: flex; flex-direction: column; flex-grow: 1; }
.modalVote .step:not(:first-child) 			{ border-left: 1px solid #2c7428; }
.modalVote .subSteps						{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: left; }
.modalVote .subSteps .stepNbPrj				{ margin-bottom: 15px; }
.modalVote .step img						{ align-self: center; }
.modalVote .step:first-of-type img			{ margin: 15px 0px; }
.modalVote .stepTitle{     
	font-size: 2.1rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px; 
}
.modalVote .budget-vote-localisation		{ background-color: #FFFFFF; border-radius: 17px; font-size: 1.4rem; color: #62C4DD; padding: 5px 12px 8px 12px; }
.modalVote .budget-vote-localisation img	{ height: 20px; }
.modalVote .modal-dialog					{text-align: center;}
.modalVote label							{ font-weight: inherit; }

#vote-navbar-bp #navbar-main	    		{ display: flex!important; font-family: 'Montserrat', sans-serif; font-weight:600; margin: 0px; font-size:1.4rem; line-height: 2rem; align-items: center; text-align: center;}
#progress_paris, #progress_arr		        { display: flex; margin: 0 15px;  font-size: 1.6rem; flex-direction: column;}
#progress_paris							    { margin-right: 30px; }
.squareVote									{ display: flex; align-items: center; justify-content: center; padding-top:2px; height: 18px;width: 40px; margin: 1px; background-color: #369661; color: #369661; float: left; }
.squareVoteLeft								{ display: flex; align-items: center; justify-content: center; padding-top:2px; height: 18px;width: 40px; margin: 1px; background-color: #369661; color: #369661; border-radius: 500px 0 0 500px;float: left; }
.squareVoteRight							{ display: flex; align-items: center; justify-content: center; padding-top:2px; height: 18px;width: 40px; margin: 1px; background-color: #369661; color: #369661; border-radius: 0 500px 500px 0;float: left; }

#vote-navbar-bp{ 
    top: 70px;
    font-family: 'Montserrat', sans-serif;
    background-color: #ffffff;
    background-image: none;
    color: #071f32;
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0;
    border-bottom: 1px solid #071f32;
}
#vote-navbar-bp	*					{ text-decoration: none; }
#vote-navbar-bp .container-fluid	{ padding-left: 15px; padding-right: 15px; border-top: 1px solid #00000012; }

#vote-navbar-bp .navbar-wrapper{
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px;
	min-height:85px;
}
.navbar-wrapper > div {
    margin-top: 15px;
}
#vote-navbar-bp .navbar-wrapper .brand				{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
#vote-navbar-bp .navbar-wrapper .brand .brand-logo	{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
#vote-navbar-bp .navbar-wrapper .brand div			{ max-height: 30px; }
#vote-navbar-bp .navbar-wrapper .brand img			{ max-height: 30px; max-width: 125px; margin: 0px 5px; }
#vote-navbar-bp .navbar-wrapper .brand .name		{ font-size: 4rem; font-weight: bold; line-height: 3.2rem; color: #071f32; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#vote-navbar-bp .navbar-wrapper ul					{ text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; }
#vote-navbar-bp .navbar-wrapper li					{ height: 50px; line-height: 1.6rem; -webkit-transition: 0.2s; transition: 0.2s; }
#vote-navbar-bp .navbar-wrapper li.active			{ border-bottom: 4px solid currentColor; color: #f8e273; }
#vote-navbar-bp .navbar-wrapper li:hover			{ text-decoration: none; background-color: #062a40; color: #f8e273; }
#vote-navbar-bp .navbar-wrapper li > a				{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; margin: 0px; padding-top: 0px; padding-bottom: 0px; color: inherit; }
#vote-navbar-bp .navbar-wrapper li > a:hover		{ background-color: inherit; background-image: inherit; }
#vote-navbar-bp .navbar-wrapper li > a:focus		{ background-color: inherit; }

#vote-navbar-bp #verifyBtn a	{ color: #071f32; transition: all 0.2s ease-in-out; }

#vote-navbar-bp #verifyBtn:hover a,
#vote-navbar-bp #verifyBtn:active a,
#vote-navbar-bp #verifyBtn:focus a{
	color: #ffffff;
}

#vote-navbar-bp #confirm_vote			{ margin-bottom: 10px; }

#vote-navbar-bp #confirm_vote button	{ margin-bottom: 10px; margin-top: 20px; }

/* Bouton "Mon Compte" non connectÃ© */
#vote-navbar-bp .navbar-wrapper #connect			{ background-color: #09518a; }
#vote-navbar-bp .navbar-wrapper #connect span		{ margin-left: 5px!important; }
#vote-navbar-bp .navbar-wrapper #connect a:hover	{ background-color: inherit; }
#vote-navbar-bp .navbar-wrapper #connect a:hover	{ background-color: inherit; }

/* Menu "Mon Compte" connectÃ© */
#vote-navbar-bp .navbar-wrapper li.dropdown	*				{ font-size: 1.3rem; }
#vote-navbar-bp .navbar-wrapper li.dropdown					{ background-color: #09518a; }
#vote-navbar-bp .navbar-wrapper li.dropdown:hover			{ background-color: #3c763d; }
#vote-navbar-bp .navbar-wrapper li.dropdown ul				{ padding-top: 0px; padding-bottom: 0px; border: 0px; border-radius: 0px; background-color: #09518a; display: none; }
#vote-navbar-bp .navbar-wrapper li.dropdown.open ul			{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#vote-navbar-bp .navbar-wrapper li.dropdown.open li.active	{ border-bottom: none; border-left: 10px solid currentColor; color: #f8e273; }
#vote-navbar-bp .navbar-wrapper li.dropdown.open li:hover	{ background-color: #3c763d; }

#smain-navbar-bp .navbar-wrapper .navbar-toggle		{ padding: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; }

#myvotes 						{ font-size: 1.4rem; }
#myvotes .msg					{ margin-bottom: 30px; padding: 0px 30px; font-size: 3.3rem; font-weight: 800; text-align: center; }
#myvotes a:hover,
#myvotes a:focus,
#myvotes a:active				{ text-decoration: none; color: #071f32; }
#myvotes .votes					{ margin-top: 30px; }
#myvotes .vote					{ height: 100px; }
#myvotes .vote p				{ margin-bottom: 0; font-size: 1.8rem; font-weight: 500; }
#myvotes .vote p.cost			{ margin-top: 5px; font-size: 1.4rem; }
#myvotes .votes-amount			{ margin: 20px 0px 20px 0px; font-size: 2rem; text-align: center; }
#myvotes #myVotesRS				{ padding: 50px 0px; font-size: 2.2rem; }
#myvotes #myVotesRS	.valid,
#myvotes #myVotesRS	.rs			{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
#myvotes #myVotesRS	.valid p	{ margin-bottom: 30px; }
#myvotes #myVotesRS	.rs .strong	{ padding: 0px 30px; font-size: 3.3rem; font-weight: 800; }
#myvotes #myVotesRS	.rs ul		{ padding: 0px; display: flex; list-style: none; }
#myvotes #myVotesRS	.rs li		{ margin: 30px 20px 0px 20px; }

.certification, .mesVotes, .choix-arrondissement{
	padding-top: 20px;
	font-weight: 500;
	overflow: hidden;
    position: relative;
}

.certification .map-cert{
	display: flex;
    align-items: center;
    flex-direction: column;
}

.certification a{
	color: #E8404E;
	text-decoration:underline;
}

#certif .modal-content{
	background-color: #F4F3F3;
}

.notCertified{
	display:none;
}

.mesVotes h1, .choix-arrondissement h1, #myvotes h1{
	font-weight: 900;
    color: #071f32;
}

#myvotes h1{
	font-size:36px;
}

#myvotes h3{
	font-weight: 700;
	font-size: 2.2rem;
}

.mesVotes .btn{
	margin: 20px 0;
}

.certification h1, .mesVotes h2{
	font-weight: 800;
    color: #071f32;
} 

.cadre, .certification .cadre-cert, .mesVotes .votes-cadre, .choix-arrondissement .choix-arr-cadre, .monvote-cadre{
	background-color: #F4F3F3;
    padding: 50px;
    margin: 50px 0;
    position: relative;
}

.faq .cadre{
	margin-bottom:0;
}

#certif .cadre-cert{
	padding: 0 50px;
    margin-top: 0;
}

#psoum-list .row{
	margin-left: 0px;
	margin-right: 0px;
}

#cert-peinture-top, #votes-peinture-top, #arr-peinture-top, #monvote-peinture-top, #validation-peinture-top, #portlet-ladem-som-trace{
	position: absolute;
    z-index: 0;
    display: flex;
    background-image: url(../images/local/skin/trace-orange-horizontale.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#cert-peinture-top, #validation-peinture-top, #portlet-ladem-som-trace{
	top: -300px;
}

#votes-peinture-top, #monvote-peinture-top{
	top: -580px;
}

.certification a.cert-btn-fc {
    position: relative;
    width: 100%;
    display: flex;
    margin: 20px 0;
    justify-content: center;
}

.certification .cert-btn-fc img {
    width: 75%;
}

.map-cert img{
	width: 100%;
}

.choix-arrondissement select{
	margin: 20px 0;
}

/* ********************************************************************************************* */
/* * MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL * */
/* * MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL MODAL * */
/* ********************************************************************************************* */

.modal { 
	font-size: 1.8rem; 
}

.modal-content {
	border-radius: 0px;
}

/* --- FenÃªtre modale d'association Ã  un projet --- */

#modalConfirmFollow                        { }
#modalConfirmFollow #news-form             { margin: 0px; padding: 5px 15px; }
#modalConfirmFollow #news-form #info       { margin-bottom: 15px; }
#modalConfirmFollow #news-form #info > div { background-color: inherit!important; color: inherit!important; }

/* --- FenÃªtre modale de bienvenue --- */

#modalProjetsSoumis                               { text-align: center; font-family: "TradeGothicNo.18-Condensed"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#modalProjetsSoumis .modal-lg                     { width: 600px; }
#modalProjetsSoumis .modal-body                   { background-color: #ffffff; margin: -15px; border: 0px solid #266da3; }
#modalProjetsSoumis .title                        { margin: -15px; padding: 30px 30px 0px 30px; color: #000000; font-size: 3rem; font-weight: bold; }
#modalProjetsSoumis .logo                         { }
#modalProjetsSoumis .subtitle                     { color: #000000; font-size: 2.6rem; padding: 15px; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#modalProjetsSoumis .close                        { opacity: initial; text-shadow: initial; color: #000000; }
#modalProjetsSoumis .close:focus                  { outline: initial; }

/* ********************************************************************************************* */
/* * SITE-MESSAGE SITE-MESSAGE SITE-MESSAGE SITE-MESSAGE SITE-MESSAGE SITE-MESSAGE SITE-MESSAG * */
/* * SITE-MESSAGE SITE-MESSAGE SITE-MESSAGE SITE-MESSAGE SITE-MESSAGE SITE-MESSAGE SITE-MESSAG * */
/* ********************************************************************************************* */

#site-message .container {
	margin-top:60px;
	display:flex;
	flex-direction:column;
	align-items:center;
}

/* ********************************************************************************************* */
/* * MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA * */
/* * MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA-QUERY MEDIA * */
/* ********************************************************************************************* */

/* ------------------------------ MORE THAN : Small Devices, Tablets - LG / MD / SM ------------------------------ */

@media only screen and (min-width: 768px) {
	
  	.collapse.dont-collapse-sm {
	    display: block;
	    height: auto !important;
    	visibility: visible;
  	}
  	
  	#main-navbar-bp #navbar-collapse-main > ul > li.active  > a::before,
  	#main-navbar-bp #navbar-collapse-main > ul > li:hover  > a::before, 
	#main-navbar-bp #navbar-collapse-main > ul > li:focus  > a::before, 
	#main-navbar-bp #navbar-collapse-main > ul > li:active > a::before,
	#main-navbar-bp #navbar-collapse-main > ul > li:hover  > div > a::before, 
	#main-navbar-bp #navbar-collapse-main > ul > li:focus  > div > a::before, 
	#main-navbar-bp #navbar-collapse-main > ul > li:active > div > a::before {
		height: .6rem;
	}
	
	.result-container, .container-nav, .btn-container{
		width:768px;
	}

  	#search-prj #search-form, #search-prj-form #search-form{
  		background-position: 40% 90%;
  	}
  	
  	body{
  		margin-top: 70px;
  	}
  	
  	body.phaseVote{
  		padding-top: 85px;
  	}
  	
  	.validationVotes .validate-btns{
		padding: 30px;
	}
	
	.validationVotes .cadre{
		padding:20px;
	}
	
	.validationVotes .validate-content{
		padding: 35px 30px 0px 30px;
	}
	
	#homemsg a {
		margin-right: 34px;
	}
	
	.faq #portlet-dl{
		padding: 0 85px 50px 85px;
	}
	
	#portlet-policy-mini{
		padding: 50px;
	}
	#portlet-policy-mini > div{
		padding:50px;
	}
}


@media only screen and (min-width: 992px){
	.result-container, .container-nav, .btn-container{
		width:992px;
	}
}

/* ------------------------------ Very Large Devices, Wide Screens - LG ------------------------------ */

@media only screen and (min-width : 1200px) {
	.result-container, .container-nav, .btn-container{
		width: 100%;
	}
	#openagenda .container-fluid{
		background-size:150%;
	}
	
	#search-prj #search-form, #search-prj-form #search-form{
		background-size:180%;
	}
}

@media only screen and (min-width : 1400px) {
	.result-container, .container-nav, .btn-container{
		width: 1400px;
	}
	
	#portlet-policy-mini{
    	background-size: 120%;
	}
}

/* ------------------------------ Large Devices, Wide Screens - MD ------------------------------ */

@media only screen and (max-width : 1199px) {

	/* ------ NAVBAR ------ */
	
	#main-navbar-bp .nef img   { margin-right: 6px; height: 31px; }
	#main-navbar-bp .paris     { margin-right: 15px; }
	#main-navbar-bp .paris img { height: 30px; }
	#main-navbar-bp .logo img  { height: 30px; }
	
	/* ------ AGENDA ------ */
	
	#openagenda .buttons-bar {
		flex-direction: column;
	}

	#openagenda .buttons-bar a {
		margin-bottom: 15px; 
	}
	
	#mayormsg{
		flex-direction:column;
	}
	
	#mayormsg blockquote{
		padding:0;
	}
	
	#mayoravi > img{
		margin:60px 0;
	}

}


	
/* ------------------------------ Medium Devices, Desktops - SM ------------------------------ */

@media only screen and (max-width : 991px) {

	/* ------ NAVBAR ------ */
	
	#main-navbar-bp .nef img   { margin-right: 4px; height: 21px; }
	#main-navbar-bp .paris     { margin-right: 10px; }
	#main-navbar-bp .paris img { height: 20px; }
	#main-navbar-bp .logo  { font-size: 10pt; }
	
	/* ------ HOME ------ */
	
	#pgagn-focus                                          { margin-bottom: 0px; }

	#portlet-pgagn-focus .row                             { display: inherit; }
	#portlet-pgagn-focus .focus-item                      { margin-bottom: 30px; }

	#pgagn-discover .row                                  { display: inherit; }
	#pgagn-discover div.col-md-4:first-child              { padding-bottom: 30px; }	
	#pgagn-discover div.col-md-4:not(:last-child)         { border-right: none; }
	#pgagn-discover div.col-md-4:last-child               { border-left: none;}
	
	#threehome-actu                                       { display: inherit; }
	#threehome-actu .col-md-4:not(:last-child) .actualite { margin-bottom: 60px; }


	/* ------ LADEM ------ */
	
	#portlet-ladem-som .ladem-chapter-col1 {
		padding-bottom: 5px;
		align-items: flex-start;
	}
	
	#pastille-newsletter{
		display:none;
	}
	
	#frontiere2{
		height: 4100px;
	}
	
	#home-trace3{
		height:50%;
		margin-top: 800px;
	}
	
	#home-trace4{
		height:50%;
		margin-top:1200px;
		margin-left: -4300px;
	}
	
	#main-navbar-bp .container{
		padding:0;
	}
	
	#search-form {
	    background-position: 40% 115%;
		background-size: 220%;
	}
	
	.frame-top,
	.frame-left,
	.frame-bottom,
	.frame-right{
		display:none;
	}
	
	#psoum-card #psoum-header .psoum-theme-icon{
		margin-bottom:30px;
	}
	
}


.banner-mon-compte__connexion-wrapper {
	top: 0 !important;
	right: 0 !important;
	position: relative !important;
}

/* ------------------------------ Small Devices, Tablets - XS ------------------------------ */

@media only screen and (max-width : 767px) {
	
	body {
		padding-top: 0px;
	}
	
	/* ------ NAVBAR ------ */
	
	#main-navbar-bp { 
		position: relative;
	}

	#main-navbar-bp .nef img   { margin-right: 6px; height: 31px; }
	#main-navbar-bp .paris     { margin-right: 10px; }	
	#main-navbar-bp .paris img { height: 22px; }
	#main-navbar-bp .logo img  { height: 30px; }
	#main-navbar-bp .logo	   { font-size: 8pt; width:70px; padding-left: 10px; }
	
	#main-navbar-bp #navbar-collapse-main {
	    position: absolute;
	    top: 70px; right: 0px;
	    border-top: 1px solid #ffffff;
	    background-color: #ffffff;
	}
    
	#main-navbar-bp .navbar-collapse	{
		padding: 0px;
		max-height: inherit;
	}
	
	#main-navbar-bp #navbar-collapse-main ul {
	    flex-direction :column;
	    align-items: flex-start;
	    border: 1px solid #071f32;
	}
    
	#main-navbar-bp #navbar-collapse-main.navbar-collapse.in {
    	overflow-y: initial;
	}
	
    #main-navbar-bp li {
    	padding: 0px 30px;
    	height: 50px;
    }
    
    #main-navbar-bp li.menu-right-marged {
    	padding: 0px 30px;
    	border: none;
    }
    
    #main-navbar-bp .dropdown-menu-right {
    	left: 0px;
    }
    
    #main-navbar-bp #connect, 
    #main-navbar-bp li.dropdown {
    	width: 100%;
    }
    
    #main-navbar-bp .dropdown-menu>li>a {
    	padding-left: 0px;
    }
    
    #main-navbar-bp{
		padding:0;
	}
    
    #main-navbar-bp .fa-search{
	    display: flex;
	    align-items: center;
	    background-color: #071f32;
	    color: #ffffff;
	    width: 53px;
	    justify-content: center;
	    height: 70px;
    }
    
    #main-navbar-bp .brand hr{
	    height: 18px;
	    width: 1.8px;
    }
    
    #main-navbar-bp a{
	display: flex; align-items: center;
	height: 70px;
    color: #071f32;
    font-weight: 600;
    position:relative;
    left:10px;
}
    
	/* ------ HOME ------ */
	
	#homemsg{
		background-position: 30%;
	}

	#homemsg-date                           { font-size: 3.0rem; text-align: center; }
	#homemsg-slogan                           { font-size: 3.0rem; text-align: center; }
	#homemsg-button .btn-18rem              { margin-bottom: 15px; margin-right: 0px; }

	#pgagn-focus{
		align-items: center;
	}
	#pgagn-focus #portlet-pgagn p           { font-size: 3.0rem; }

	#homemsg-foot ul                        { flex-direction: column; }
	#homemsg-foot ul li:not(:last-child)    { margin-right: inherit; margin-bottom: 15px; padding-right: inherit; border-right: none; }
	
	#homemsg-button{
		display: flex;
		flex-direction: column;
    	align-items: center;
	}

	#pgagn-discover div.col-md-4:last-child { border-left: none; }

	#mayormsg{
		align-items: center;
		margin-top: -100px;
	}
	#mayormsg blockquote{
		margin: auto;
		font-size: 2rem;
		line-height: 3rem;
	}

	/* ------ FOOTER ------ */

	footer ul { 
		flex-direction: column; 
		align-items: flex-start;
	}

	footer .who-wrapper .who-odd {
		line-height: 2rem;
	}

	footer p.who-even:nth-of-type(2) {
		margin-bottom: 5px;
	}

	/* ------ AGENDA ------ */
	
	#openagenda .buttons-bar img {
		filter: brightness(100);
	}

	#openagenda .buttons-bar a:hover img {
		filter: none;
	}

	/* ------ FORM ------ */
	
	#search-form {
		margin-bottom: 15px;
		padding: 15px 0px;
		display: inherit;
		background-position: 40% 55%;
    	background-size: auto;
	}
		
	#search-form .form {
		margin: 15px 0px 0px 0px;
	}

	#search-form h1 {
		margin-top: 0px!important; margin-left: 15px; margin-right: 15px;
		font-size: 3rem;
	}
	
	#search-form h2 {
		text-align: center; 
	}
	
	#search-form-links {
		flex-direction: column;
		margin-top: 0px;
	} 

	#search-form-links a {
		font-size: 1.6rem;
	} 

	#search-form .row:not(:first-of-type) {
    	margin-bottom: 0px;
	}

	#search-form #searchParameters {
		margin-top: 15px;
	}
	
	#search-form .checkbox {
	    margin: 0px 0px 5px 0px;
	}

	/* ------ LADEM ------ */

	.ladem-chp-content,
	.ladem-chp-contact {
		padding-left: 15px; padding-right: 15px;
	}

	#portlet-policy-mini {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#policy-container {
		padding: 0px;
	}
	
	#portlet-policy {
		padding: 15px;
		border: 0px;
	}
	
	#portlet-policy .portlet-header {
		text-align: center;
	}
	
   	/* ------ DEPOT ------ */
   	
   	.step-row {
   		padding: 5px 10px;
   	}
	
   	.step-row .step_title {
   		font-size: 2rem;
   	}
	
   	.step-row .step_index {
   		margin-right: 10px; padding: 0px 5px 2px 5px;
   		font-size: 2rem;
   	}
	
   	.step-row.previous .btn {
   		margin-left: auto;
		overflow: inherit;
   	}
	
	#msg_theme_CADRE .msg_theme_CADRE_buttons {
		flex-direction: column; 
		align-items: center;
	}

	#msg_theme_CADRE .msg_theme_CADRE_buttons a:first-of-type {
		margin-bottom: 15px; 
	}

   	/* ------ PROP ------ */

	#prop-card {
		margin: 0px;
	}
	
	#prop-card #prop-vote-result {
		margin: 30px 0px;
	}
	
	#prop-card #prop-vote-result * {
		font-size: 1.8rem!important;
	}
	
	#prop-card #prop-body {
		display: inherit;
		border: none;
	} 
	
	#prop-card #prop-header {
		font-size: 3rem;
	}

	#prop-card #prop-desc {
		padding: 15px;
	}

	#prop-card #prop-data {
		padding: 15px;
		margin: 0;
	}
	
	
    /* ------ PSOUM ------ */

	#psoum-card .container {
		margin: 0px 15px;
		padding: 0px;
	}
	
	#psoum-card #psoum-body {
		display: inherit;
		border: none;
	}
	
	#psoum-card #psoum-wrapper {
		flex-direction: column;
		border-top: 0;
		margin: 10px;
	}

	#psoum-card #psoum-header, #prop-card #prop-header {
		font-size: 3rem;
		flex-direction: column;
   		align-items: flex-start;
	}

	#psoum-card #psoum-desc {
		padding: 5px;
	}

	#psoum-card #psoum-data {
		padding: 15px;
		margin: 0;
	}
	
	/* ------ PNEIGH ------ */

	.pneigh-panel {
		margin-bottom: 30px;
	}

	/* ------ MAP ------ */

	#map-result {
		margin: 0px;
	}

	#map-result .container {
		padding: 0px;
	}

	/* ------ VOTE ------ */

	h1 { margin-top: 30px!important; }
	
	.modalVote .title							{ margin-bottom: 20px; font-size: 2.4rem; }
	.modalVote .subtitle						{ font-size: 2rem; margin-bottom: 20px; }
	.modalVote #vote_description				{ margin-top: 20px; flex-direction: column; }
	.modalVote .step:not(:first-child) 			{ border-left: none; }
	.modalVote .step:last-of-type .stepTitle	{ margin-bottom: -15px; }
	.modalVote .step:first-of-type img			{ margin: 5px 0px; }
	.modalVote .subSteps 						{ margin-top: 0px; align-items: center; }
	.modalVote .subSteps .stepNbPrj				{ margin-bottom: 0px; }
	.modalVote div > label					{ font-size: 1.6rem; }

	#recap_vote 									{ margin: 20px 0px 20px 0px; width: 100%; }
	#recap_vote .typeVote_title						{ margin: 30px 0px 20px 0px; font-size: 1.8rem; }
	#recap_vote #right_item .linePrj 				{ font-size: 1.6rem; }

	#vote-navbar-bp 												{ position: relative!important; top: 0px; }
	#vote-navbar-bp .navbar-wrapper{
		flex-direction: column;
		justify-content: space-around;
		min-height:	0;
	}
	#vote-navbar-bp .navbar-wrapper .brand .name					{ font-size: 3rem; line-height: 3rem; }
	#vote-navbar-bp #navbar-collapse-main							{ display: none!important; }
	#vote-navbar-bp #verifyBtnXS { 
	    font-family: 'FontAwesome';
        font-size: 3rem;
	    pointer-events: none;
    	line-height: 1rem;	
		transition: all 0.5s ease-in-out;
    }
	#vote-navbar-bp #verifyBtnXS.open {
    	transform: rotate(-180deg);
	}
	#vote-navbar-bp .navbar-banner-mon-compte__connexion-avatarwrapper #navbar-collapse-main #connect	{ background-color: #09518a; padding-right: 0px;}

	#pgagn-list .winner h2 { flex-direction: column; }
	
	#psoum-card #psoum-header .psoum-theme-icon, #prop-card #prop-header #prop-header-img{
		margin-bottom:0;
	}
	
	.btn-container{
		justify-content: center;
	}
	
	.validate-content .btn {
  	  margin-top: 15px;
	}
	
	#homemsg-head{
		flex-direction: column;
	}
	
	.modal{
		font-size: 1.3rem;
	}
	
	.certification h1, .mesVotes h2{
		font-size: 2.4rem;
	}
	
	.pneigh-card{
		margin-right: 5px;
    	margin-left: 5px;
	}
	
	.pneigh-img{
		margin-right: 5px;
   		margin-left: 5px;
	}
	
	footer .nav{
		flex-direction: column;
		align-items: center;
	}
	
	.cadre{
		padding:0;
	}
	
	#portlet-ladem-som-content{
		margin-right:-15px;
		margin-left:-15px;
	}
	#portlet-ladem-som-content h1{
		margin:0!important;
		padding-top: 30px;
	}
	
	#portlet-ladem-som-content h1, #portlet-ladem-som-content h2{
		padding-right: 10px;
		padding-left: 10px;
	}
	.faq #portlet-dl{
		margin-right:-15px;
		margin-left:-15px;
		padding-right:15px;
		padding-left:15px;
		padding-bottom:50px;
	}
	.faq #portlet-dl > div{
		padding-right:15px;
		padding-left:15px;
	}
	
	.elig-titre h1{
		margin-top: 0px!important; margin-left: 15px; margin-right: 15px;
		font-size: 3rem;
	}
}