popsu-d7/sites/default/themes/popsu/less/content-all.css.less

@import "lib.less";

body {
	color: #1a171b;
}

p {
	text-align: justify;
	margin-bottom: 17px;
	/*word-break: (normal | keep-all | loose | break-strict | break-all)*/
	/*word-break: loose;*/
	/*overflow-wrap: break-word;*/

	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	-o-hyphens: auto;
  	hyphens: auto;


}
.column-right p {
	text-align: left;
}


.double-spaced p, p.double-spaced {
	margin-bottom: 24px;
	font-size: 13px;
    line-height: 17px;
}

.text-intro, .text-intro p {
	font-family: OpenSansLight,verdana,arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
}
.text-intro-18, .text-intro-18 p {
    font-size: 18px;
    line-height: 25px;
}

ul.document-files,
.column-right ul {
	margin-left: 15px;
	font-size: 8px;
}
ul.document-files li,
.column-right ul li {
	font-size: 12px;
}
#accordion-h2-seminaire ul li {
	list-style: none;
}

.layout-64p {
	/* peut grandir à 100% sur tablette */
	width: 64%;
	/*border: 1px dotted red;*/
}
.layout-64-5p {
	/* peut grandir à 100% sur tablette */
	width: 64.5%;
}
.layout-72p {
	/* peut grandir à 100% sur tablette */
	width: 72%;
	/*border: 1px dotted black;*/
}
.layout-88p {
	/* interne, ne pas agrandir */
	width: 88%;
	/*border: 1px dotted gray;*/
}
.layout-90p {
	/* peut grandir à 100% sur tablette */
	width: 90%;
	/*border: 1px dotted gray;*/
}





body.panel-theme-europe,
body.panel-ville-europe,
body.panel-ville {
	#content {
		.page-header {
			margin-bottom: 0px;
		}
		.panel-header {
			display: none;
		}

		.views-field-view-node {
			font-style: italic;
		}
		.field-name-field-popsu-ville-images-illustr {
/*			background-color: #ccc; */
			text-align: center;
			margin-bottom: 5px;
		}
		.field-name-field-popsu-ville-images-illustr .field-item img {
			width: 100%;
		}
		.panel-ville-volet-bas {
			margin-top: 7px;
		}
		#panel-ville-logos-partenaires {
			.field-item {
				float: left;
				margin-right: 10px;
			}
		}

		.panel-ville-eur-volet h2,
		#panel-ville-equipe h2,
		#panel-ville-acteurs h2,
		#panel-ville-colloques h2,
		#panel-ville-publications h2,
		#panel-ville-logos-partenaires h2 {
			cursor: pointer;
		}

		.panel-ville-eur-volet .pane-content,
		#panel-ville-equipe .pane-content,
		#panel-ville-acteurs .pane-content,
		#panel-ville-colloques .pane-content,
		#panel-ville-publications .pane-content,
		#panel-ville-logos-partenaires .pane-content {
			display: none;
		}




	}
}

table.views-view-grid tbody tr td.col-first,
table.views-view-grid tbody tr td.col-last {
	background: none;
}




#accordion-h2-liste-ville {

}

#content-inner .accordion-trigger .views-field,
#content-inner .accordion-h2-layout .accordion-content .views-label,
#content-inner .accordion-h2-views .view-header,
#content-inner .accordion-h2-panel > h2.pane-title {

	background: url(../img/icons/accordion-h2-arrays-off-trans.png) no-repeat top right;

	font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
	color: #000;
	font-size: 23px;
	line-height: 19px;
	cursor: pointer;

	border-top: 1px solid #000;
	padding: 9px 0 4px 2px;

}
.accordion-h2-panel {
	margin-bottom: 5px;
}




.border-last {
	display: block;
	height: 1px;
	border-top: 1px solid #000;
}



#content-inner .pane-popsu-special-accueil-pps1 .accordion-trigger .views-field,
#content-inner .pane-popsu-special-accueil-pps1 .accordion-h2-layout .accordion-content .views-label,
#content-inner .pane-popsu-special-accueil-pps1 .accordion-h2-views .view-header,
#content-inner .pane-popsu-special-accueil-pps1 .accordion-h2-panel > h2.pane-title {
	padding: 0;
	background: url(../img/icons/accordion-h2-arrays-off-trans.png) no-repeat top right;
	font-size: 25px;
	line-height: 38px;
}



#content-inner .accordion-h2-layout .accordion-content .views-label,
#content-inner .popsu-74-26-stacked .accordion-h2-layout .accordion-content .views-label {
	display: block;
	background: none;
	cursor: text;
}
#accordion-h2-partenaires,
// #accordion-h2-popsuterritoires-home,
#accordion-h2-popsumonde-home,
#accordion-h2-liste-themes-trans {
	border-bottom: 1px solid #000;
	margin-bottom: 22px;
}

#accordion-h2-partenaires,
// #accordion-h2-popsuterritoires-home,
// #accordion-h2-popsueurope-home,
#accordion-h2-popsumonde-home{
	padding-bottom: 5px;
}



#content-inner .accordion-trigger.accordion-h2-opened .views-field,
#content-inner .accordion-h2-views.accordion-h2-opened .view-header,
#content-inner .accordion-h2-panel.accordion-h2-opened > h2.pane-title {
	/* background: url(../img/icons/accordion-h2-arrays-trans.png) no-repeat top right; */
	background: url(../img/icons/accordion-h2-arrays-on-trans.png) no-repeat top right;
	/*background-position: top right;*/
}

.accordion-content,
.accordion-h2-views .view-content,
.accordion-h2-panel > .pane-content {
	display: none;
}

/* [!nid],48  [!nid],49 */

.accordion-h2-layout .inside {
	margin: 0;
	padding: 0;
}
.accordion-h2-layout .panels-flexible-column-last .inside {
	padding-left: 5px;
}


/*body.node-type-popsu-ville*/


.panel-flexible .panel-separator,
.panel-2col-stacked .panel-separator {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}



.listing-thumb ul,
.listing-thumb ul li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#content-inner .listing-thumb ul li.span2 {
	/*margin-right: 3px;*/
	width: 101px;
	margin: 0 13px 14px 0;
}
#content-inner .listing-thumb.listing-themes,
#content-inner .listing-thumb.listing-projets {
	margin-bottom: 20px;
}
#content-inner .listing-thumb .views-field-title a {
	font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
	letter-spacing: 0.05em;
	font-size: 17px;
	line-height: 15px;
	color: @bleu_popsu1;
	display: block;
	padding: 7px 0 7px 0;

	/*word-break: break-all;*/
	/*word-break: loose;*/
	/*overflow-wrap: break-word;*/
}
body.context-popsu-europe #content-inner .listing-thumb .views-field-title a {
	color: @gris_popsueurope;
}



#content-inner .listing-thumb.listing-projets .views-field-title a {
	padding: 7px 0 0px 0;
	height: 43px;
	overflow: hidden;
		-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	-o-hyphens: auto;
  	hyphens: auto;
}
#content-inner .listing-thumb.listing-themes .views-field-title a {
	padding: 7px 0 0px 0;
	height: 43px;
	overflow: hidden;
		-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	-o-hyphens: auto;
  	hyphens: auto;
}



#content-inner .listing-thumb li:hover .views-field-title a {
	text-decoration: none;
}
#content-inner .listing-thumb li img {
	opacity: 0.9;
	-moz-opacity: 0.9;
}
#content-inner .listing-thumb li a.image-placeover {
	width: 101px;
	height: 87px;
	background-color: #ccc;
	display: block;
}
#content-inner .listing-thumb li:hover img {
	opacity: 1;
	-moz-opacity: 1;
}
.listing-villes {

}


.listing-grille table {
	background: none;

	th, td {
		background: none;
		border: none;
		font-size: 14px;
		vertical-align: top;

		.listing-projet-ville {
			font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
			letter-spacing: 0.05em;
			font-size: 15px;
			line-height: 29px;
			color: #ccc;
		}
	}
}


body.sidebar-double.context-popsu-2 #block-menu_block-4,
body.sidebar-double.context-popsu-1 #block-menu_block-3 {
	display: none;
}







#content-inner .popsu-74-26-stacked {
	.pane-node-field-popsu-special-body {
		margin-top: 5px;
		/*width: 64%;*/

		/*
		h2 {
			line-height: 18px;
		}*/
	}

	.panels-flexible-column-first {

		.field-type-image {
			/*margin-left: -26px;*/
			margin-left: -20px;
		}
		.field-type-text-with-summary {
			padding-top: 5px;
			text-align: justify;

		}




		.field-type-text {
			padding-top: 5px;
			text-align: justify;

			p {
				margin-bottom: 16px;
				text-align: justify;
			}
			h2 {
				font-size: 18px;
			}
		}
	}

}

#content-inner #pane-publication {
	.accordion-content {
		padding-top: 5px;
		text-align: justify;


	}

	.panels-flexible-row-accordion-h2-layout-3-inside,
	.panels-flexible-row-accordion-h2-layout-4-inside {

		.panels-flexible-region-accordion-h2-layout-left-inside {
			width: 99%;

			/*border: 1px solid green;*/
		}
	}
	.views-field-field-popsu-doc-files {
		font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
		letter-spacing: 0.075em;
		font-size: 13px;
		line-height: 16px;

	}
	h2.pane-title {
		padding-bottom: 12px;
	}
}
#content-inner #pane-publication.pane-publication-popsu .accordion-h2-layout .accordion-trigger {
	.views-field.views-field-field-popsu-publication-soustitr {
		border: none;
		background: none;

		.field-content {
		    font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
		    font-size: 12px;
		    line-height: 18px;
		    border: none;
		    background: none;
		}

	}

}


.pane-publication-sans-ville .accordion-content {
	display: block;
	margin-bottom: 20px;
	p {
		margin: 10px 0 0 0;
	}
}
.pane-publication-sans-ville .accordion-trigger,
.pane-publication-sans-ville .panels-flexible-row-accordion-h2-layout-3 {
	display: none;
}



#content-inner .page-header {
	padding-bottom: 0;
	border-bottom: none;
}




.popsu-74-26-stacked {

	.panels-flexible-column-accordion-h2-layout-1.panels-flexible-column-first,
	.panels-flexible-column-accordion-h2-layout-2.panels-flexible-column-first,
	.panels-flexible-column-popsu-74-26-stacked-4.panels-flexible-column-first {
		width: 74%;
	}
	.panels-flexible-column-accordion-h2-layout-1.panels-flexible-column-last,
	.panels-flexible-column-accordion-h2-layout-2.panels-flexible-column-last,
	.panels-flexible-column-popsu-74-26-stacked-5.panels-flexible-column-last {
		width: 26%;
		margin-right: -10px;
	}


}
/*
#accordion-h2-chronologie .field-item,
#accordion-h2-programme .field-item,
#accordion-h2-acteurs .field-item,
#accordion-h2-documents .field-item,
.panels-flexible-column-last .field-name-field-popsu-ville-partenairesimg,
.panels-flexible-column-last .field-name-field-popsu-ville-coordinateur,
.panels-flexible-column-last .field-name-field-popsu-ville-equipe {
	padding: 15px 0 0 0;
}
*/
.column-right .accordion-h2 .field-item,
.column-right .accordion-h2-ex .field-item {
	padding: 5px 0 0 0;
}


.document-files,
ul.document-files {

	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	/*list-style: none;
	list-style-type: none;
	*/

	li {
		color: #1a171a;
		/*margin-bottom: 3px;*/
	}
	a {
		color: #1a171a;
	}

}

.column-right .accordion-h2.pseudo-list {
	color: #1a171a;
	margin: 5px 0 5px 2px;
	padding: 0;


	.field-item {
		color: #1a171a;
		margin-bottom: 2px;
		padding-left: 3px;

		a {
			color: #1a171a;
		}
	}
}



body.path-popsu-europe-accueil,
body.path-popsu1-accueil,
body.path-popsu2-accueil,
body.path-popsu-territoires-accueil,
body.path-popsu-monde-accueil,
body.path-popsu-metropoles-accueil {
	#content-wrapper {
		h1#page-title {
			display: none;
		}


		#content-inner {
			/*padding: 0 55px 0 0;*/
			padding: 0;

			.pane-popsu-special-accueil-pps1 {

				.panel-separator {
					margin-bottom: 0px;
				}
				.pane-themes-trans-panel-pane-1 {
					padding-bottom: 0px;
				}


				/*
				.field-name-field-popsu-special-body,
				.field-name-field-popsu-special-body p {
					font-family: OpenSansLight, verdana,arial,helvetica,sans-serif;
					font-size: 16px;
					line-height: 25px;
					font-weight: normal;
				}*/
				/*
				.field-name-field-popsu-special-text,
				.field-name-field-popsu-special-text p {
					font-size: 13px;
					line-height: 17px;
				}
				*/
			}

		}
	}
}


.page-title-secondary {
	font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
	color: @bleu_popsu1;
	/*letter-spacing: 0.075em;*/
	font-size: 56px;
	/*line-height: 12px;*/
	line-height: 49px;
	/*margin-bottom: 30px;*/
	margin-top: -22px;
	z-index: 2;
	position: relative;
}
body.context-popsu-2 .page-title-secondary {
	color: @vert_popsu2;
}
body.context-popsu-europe .page-title-secondary {
	color: @gris_popsueurope;
}
body.context-popsu-metropoles .page-title-secondary {
	color: @bleu_popsumetropoles;
}

body.node-type-popsu-theme-trans #content-inner h1#page-title {
	font-size: 28px;
	line-height: 22px;
}

.image-decallee img.adaptive-image {
	margin-bottom: 15px;
}

#accordion-h2-chronologie .texte-10-orange {
	font-weight: bold;
}

#content-inner .field-name-field-popsu-special-body h2 {
    line-height: 19px;
    padding-bottom: 5px;
}
.pane-publication-sans-ville h3 {
	text-align: left;
}


body.front {
	#main-wrapper #content-wrapper.span {
		width: 100%;
		/*margin-top: 155px;*/
		margin-top: 27px;
	}
	#page {
		padding-bottom: 40px;
	}
	.popsu-homepage .panels-flexible-row-popsu-homepage-14 {
    padding: 0;
	}
	.home-logos-popsu {

		#boxes-box-popsu_home_logos>.boxes-box-content>.clearfix{
			text-align: right;
		}
		div.logos-popsu{
			display: inline-block;
			text-align: left;
			width:70px;
			margin:0 0 0 50px;
			overflow: visible;
			background-size: contain!important;
		}
		ul.logos {
			display: block;
			height:	80px;
			width: 150px;
			/*text-indent: -999px;*/
			overflow: hidden;
			// margin-bottom: 10px;
			// float:right;
			// margin-left: 15px;
			/*margin-right: 35px;*/
			// margin-right: 15px;
			margin:0 0 0 -35px;
			cursor: pointer;
			// padding-top: 5px;


			li {
				font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
				font-size: 14px;
				line-height: 18px;
				letter-spacing: 0.075em;
				margin: 0px 0 0 0;
				padding: 0 0 0 3px;

				a {
					color: #000;
					text-decoration: none;
				}
			}
			li.last {
				border-bottom: 3px solid #000000;
				padding-bottom: 3px;
			}

		}
		// #logo-home-popsu1 ul.logos{
		// 	margin-top:-20px;
		// }

		#logo-home-popsu1{
			background: url(../img/logos/popsu1/logo-sidebar-trans.png) no-repeat top center;
		}
		#logo-home-popsu2{
			background: url(../img/logos/popsu2/logo-sidebar-trans.png) no-repeat top center;
		}
		#logo-home-popsueurope{
			background: url(../img/logos/popsueurope/logo-sidebar-trans.png) no-repeat top center;
			margin-right: 0;
		}
		#logo-home-popsuterritoires{
			background: url(../img/logos/popsuterritoires/logo-sidebar-trans.png) no-repeat top center;
		}
		#logo-home-popsumetropoles{
			background: url(../img/logos/popsumetropoles/logo-sidebar-trans.png) no-repeat top center;
		}
		#logo-home-popsumonde{
			background: url(../img/logos/popsumonde/logo-sidebar-trans.png) no-repeat top center;
			margin-right: 0;
		}
		ul.logos li {display: none;}
		#logo-home-popsu1:hover,
		#logo-home-popsu2:hover,
		#logo-home-popsueurope:hover,
		#logo-home-popsuterritoires:hover,
		#logo-home-popsumetropoles:hover,
		#logo-home-popsumonde:hover{
			background: none;
		}
		ul.logos:hover li {
			display: block;
		}
	}

	#logos-partenaires-home {
		display: block;
		position: relative;
		// width: 90px;
		height: 80px;
		text-indent: -999px;
		overflow: hidden;
		// margin-top: -18px;
		// background: url(../img/logos/MIN_gouvernement_2020.png) no-repeat top center;
		// background-size: contain;
		// padding-top: 60px;
		// border: 1px solid #000;

		&>a, &>span{
			display:block;
			width:90px;
			height:100%;
			text-indent: -999px;
			overflow: hidden;
			margin: 0;
			padding: 0;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top;
			// background-color: white;
			// border-top: 1px solid #000;
		}
	}
	span#gouv{
		background-image: url(../img/logos/MIN_gouvernement_2020.png);
		float: left;
	}
	// #logos-partenaires-home #ministere-eco {
	// 	height: 55px;
	// 	background-image: url(../img/logos/rect1926.png);
  // }
	// #logos-partenaires-home #ministere-territoires {
	// 	height: 80px;
	// 	background-image: url(../img/logos/logos_4ministres_2018_v2-territoires.png);
  // }
	// #logos-partenaires-home #ministere-culture {
	// 	height: 40px;
	// 	background-image: url(../img/logos/rect1930.png);
	// }
	// #logos-partenaires-home #ministere-recherche {
	// 	height: 75px;
	// 	background-image: url(../img/logos/logo_recherche.png);
	// }

  #logos-partenaires-home #ministere-puca {
		float: right;
		height: 80px;
		background-image: url(../img/logos/logos-partenaires_04.png);
  }
  // #logos-partenaires-home #ministere-aigp {
	// 	height: 59px;
	// 	background-image: url(../img/logos/logos-partenaires_05.png);
  // }

	.col-logo {
		// margin-top: 20px;
		// margin-left: 50px;
		>.inside{
			display: flex;
			flex-direction: row;
			align-items: flex-end;
			>.panel-pane{
				flex-basis: auto;
			}
		}
		.panel-separator{ display: none;}
		.pane-blockify-blockify-logo{
			width:30%;
			#logo{
				padding-left:14px;
			}
		}
		.home-logos-popsu{
			width:70%;
			.clearfix{
				height: 100%;
				display: flex;
				flex-direction: row;
				align-items: flex-end;
			}
		}
	}
	.col-intro  {
		width: 700px;
		margin: -15px 0 0 84px;
		// background-color: #fff;
		.panel-pane {
			padding: 10px 15px;
		}
		p, li {
			font-size: 15px;
			line-height: 22px;
			font-family: OpenSansLight,verdana,arial,helvetica,sans-serif;

			text-align: justify;

			-webkit-hyphens: none;
		  	-moz-hyphens: none;
		  	-ms-hyphens: none;
		  	-o-hyphens: none;
		  	hyphens: none;

		}
		li {
			padding-right: 25px;
			margin-bottom: 7px;
		}
		.panel-pane:first-child{
			background-color: #fff;
		}
	}
	.col-center {
		height: 730px;
	}
	#content-inner .col-bottom {
		width: 560px;
		margin: 0 0 0 134px;
		background-color: #fff;
		.panels-flexible-region-inside {
			padding: 10px 20px 10px 20px;
		}
		.questcequepopsu {
			h2.pane-title {
				font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
				font-size: 56px;
				line-height: 43px;
				font-weight: normal;
				color: #000;
				padding-top: 14px;
				padding-bottom: 15px;
			}
			.field-item h2 {
				font-family: OpenSansSemiBold,verdana,arial,helvetica,sans-serif;
			}
			p a {
				color: #1A171B;
			}
		}



	}

	.popsu-homepage .panels-flexible-row-popsu-homepage-2 {
		padding: 4em 0 0 0;
	}

}

/* span.field-content.btn-admin-edit, */
.admin-add-item,
.views-field-publishcontent,
.views-field-edit-node {

	margin-bottom: 30px;
	padding: 0;



	.field-content a,
	a {

		background: #008800 url("../img/icons/gear.png") no-repeat scroll 2px 0;
    	border: 1px solid #ccc;

		display: block;
		cursor: pointer;

		color: #fff;
		/*font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;*/
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;
		/*letter-spacing: 0.05em;*/
		font-weight: bold;
		text-transform: uppercase;

		padding: 2px 4px 2px 20px;

	}
}

.views-field-publishcontent {
	margin-bottom: 2px;

	.field-content a,
	a {

		background: #FF0A0A url("../img/icons/gear.png") no-repeat scroll 2px 0;
	}
}

.admin-add-item {
	a {

		background: #FCBA20 url("../img/icons/gear.png") no-repeat scroll 2px 0;
	}
	a + a {
		margin-top: -6px;
	}

}
.admin-add-item-margin a + a {
	margin-bottom: 15px;
}
.admin-add-item-panel {
	margin-bottom: -5px;
	margin-top: 10px;
}



body.logged-in .menu-user-login {
	display: none;
}
body.logged-in #content-tabs ul.tabs.primary {
	margin-bottom: 0;
}

// Home origin
// #content-inner .bloc-actu-home {
// 	float: right;
// 	width: 221px;
// 	background: url("../img/pixels/actu_background-trans.png");
// 	color: #fff;
// 	margin-right: 33px;
// 	margin-top: 50px;
//
// 	a {
// 		color: #fff;
// 	}
// 	h2.pane-title {
// 		font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
// 		font-size: 22px;
// 		padding: 6px 8px 9px 8px;
// 	}
// 	.views-field-title {
// 		font-size: 18px;
// 		line-height: 16px;
// 		padding: 10px 10px 0 10px;
// 		font-family: OpenSansSemiBold,verdana,arial,helvetica,sans-serif;
// 	}
// 	.views-field-field-popsu-actu-date {
// 		font-size: 18px;
// 		line-height: 19px;
// 		padding: 2px 10px 0 10px;
// 	}
// 	.views-field-field-popsu-actu-body {
// 		font-size: 13px;
// 		line-height: 18px;
// 		padding: 0px 10px 10px 10px;
// 	}
// 	.views-field-field-popsu-actu-body a {
// 		text-decoration: none;
// 	}
// 	.views-field-view-node {
// 		background: #000;
// 		text-transform: uppercase;
// 		font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
// 	    font-size: 13px;
// 	    letter-spacing: 0.075em;
// 	   	display: block;
// 	   	float: right;
// 	   	margin-right: -7px;
// 	   	padding: 0px 5px;
// 	   	margin-bottom: 8px;
// 	}
// }

#content-inner .bloc-actu-home {
	// float: right;
	// width: 221px;
	// margin-right: 33px;
	// margin-top: 50px;

	a {
		color: #fff;
	}
	h2.pane-title {
		// font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
		// font-size: 22px;
		// padding: 6px 8px 9px 8px;
		display:none;
	}
	.view-content{
		// display:flex;
		// flex-direction: row;
		display:grid;
		grid-template-columns: 32% 32% 32%;
		grid-template-rows: 305px;
		column-gap: 2%;
	}

	.views-row{
		// grid-column: auto;
		background: url("../img/pixels/actu_background-trans.png");
		color: #fff;
		.views-field-field-popsu-actu-image{
			a{
				display:block;
				img{width:100%;}
			}
		}
	}
	.views-row-1{
		grid-column: 1;
	}
	.views-row-2{
		grid-column: 2;
	}
	.views-row-3{
		grid-column: 3;
	}
	.views-field-title {
		font-size: 16px;
		line-height: 14px;
		padding: 10px 10px 0 10px;
		font-family: OpenSansSemiBold,verdana,arial,helvetica,sans-serif;
	}
	.views-field-field-popsu-actu-date {
		font-size: 16px;
		line-height: 14px;
		padding: 2px 10px 0 10px;
	}
	.views-field-field-popsu-actu-body {
		font-size: 13px;
		line-height: 14px;
		padding: 0px 10px 10px 10px;
	}
	.views-field-field-popsu-actu-body a {
		text-decoration: none;
	}
	.views-field-view-node {
		background: #000;
		text-transform: uppercase;
		font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
	    font-size: 13px;
	    letter-spacing: 0.075em;
	   	display: block;
	   	float: right;
	   	margin-right: -7px;
	   	padding: 0px 5px;
	   	margin-bottom: 8px;
	}
}

#accordion-h2-seminaire {
	.views-field-title {
		font-weight: bold;
	}
	.views-field-field-popsu-doc-body {
		margin-left: -15px;
		p {
			margin-bottom: 0;
		}
	}
	.views-field-field-popsu-doc-files {
	    font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
	    font-size: 13px;
	    letter-spacing: 0.075em;
	    line-height: 16px;
	    margin-left: -15px;
	    margin-bottom: 15px;
	    margin-top: 2px;
	}
}
#accordion-h2-publication-europe {
	font-size: 12px;
	line-height: 16px;

	h3, p {
		font-size: 12px;
		line-height: 16px;
	}
	p {
		margin-bottom: 2px;
	}
	.views-field-field-popsu-publication-cover {
		margin: 5px 0 3px 0;
	}
	.views-field-field-popsu-doc-files {
	    font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
	    font-size: 13px;
	}
}
#accordion-h2-projetseurope ul {
	list-style: none;
	margin: 10px 0 10px 0;
	a {
		color: #000;
	}
}
.popsu-europe-liste-projets .listing-projets {
	padding-bottom: 200px;
	padding-top: 20px;

	.views-row {
		width: 102px;
		float: left;
		margin-right: 25px;

		.views-field-field-popsu-themeur-thumb {
			margin-bottom: 10px;
		}
		a {
			font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
	    	font-size: 17px;
	    	color: @gris_popsueurope;

		}
	}
}
.field-name-field-popsu-projeteur-theme {
	clear: both;
}


.map-home {
	.point-carte {
		float: left;

		.placement-carte {
			position: absolute;
			z-index: 1;
		}

		.map-title {
			/*position: relative;
			z-index: 2;*/
			cursor: pointer;
			height: 24px;
			padding-bottom: 25px;
			font-family: OpenSansSemiBold,verdana,arial,helvetica,sans-serif;
			text-transform: uppercase;
			font-size: 12px;
			background-position: center bottom;
			background-repeat: no-repeat;
		}

		.POPSU1 .map-title {
			background-image: url("../img/carte/points/points_carte_1.png");
		}
		.POPSU2 .map-title {
			background-image: url("../img/carte/points/points_carte_2.png");
		}
		.POPSU.Europe .map-title {
			background-image: url("../img/carte/points/points_carte_3.png");
		}
		.POPSU1.POPSU2 .map-title {
			background-image: url("../img/carte/points/points_carte_1-2.png");
		}
		.POPSU1.POPSU.Europe .map-title {
			background-image: url("../img/carte/points/points_carte_1-3.png");
		}
		.POPSU2.POPSU.Europe .map-title {
			background-image: url("../img/carte/points/points_carte_2-3.png");
		}
		.POPSU1.POPSU2.POPSU.Europe .map-title {
			background-image: url("../img/carte/points/points_carte_1-2-3.png");
		}
		.POPSU1.POPSU2.Métropoles .map-title {
			background-image: url("../img/carte/points/points_carte_1-2-5.png");
		}
		.Métropoles .map-title {
			background-image: url("../img/carte/points/points_carte_5.png");
		}
		.POPSU1.POPSU2.POPSU.Europe.Métropoles .map-title {
			background-image: url("../img/carte/points/points_carte_1-2-3-5.png");
		}
		.POPSU1.POPSU.Europe.Métropoles .map-title {
			background-image: url("../img/carte/points/points_carte_1-3-5.png");
		}
		.POPSU2.POPSU.Europe.Métropoles .map-title {
			background-image: url("../img/carte/points/points_carte_2-3-5.png");
		}
		.POPSU2.POPSU.Métropoles .map-title {
			background-image: url("../img/carte/points/points_carte_2-5.png");
		}
		.POPSU.Territoires .map-title {
			background-image: url("../img/carte/points/points_carte_4.png");
		}



		/* AMSTERDAM */
		#point-nid-870.placement-carte {
			margin-top: 197px;
			margin-left: 351px;

			.map-title {
				background-position: top left;
				padding-bottom: 0;
				padding-left: 25px;
				padding-top: 1px;
			}
		}
		/* BARCELONE */
		#point-nid-871.placement-carte {
			margin-left: 135px;
			margin-top: 641px;
		}
		/* BERLIN */
		#point-nid-872.placement-carte {
			margin-left: 576px;  /* 430 */
			margin-top: 226px; /*  415 */
		}
		/* BIRMINGHAM */
		#point-nid-873.placement-carte {
			margin-left: 130px;  /*  */
			margin-top: 120px; /*   */
		}
		/* BORDEAUX */
		#point-nid-869.placement-carte {
			margin-left: 40px; /* -55 */
			margin-top: 500px; /* -172 */
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* SAINT-LOUBES */
		#point-nid-1155.placement-carte {
			margin-left: 90px; /* -55 */
			margin-top: 465px; /* -172 */
		}

		/* BRUXELLES */
		#point-nid-874.placement-carte {
			margin-top: 255px;
			margin-left: 325px;

			.map-title {
				background-position: top left;
				padding-bottom: 0;
				padding-left: 25px;
				padding-top: 1px;
			}
		}
		/* Copenhague */
		#point-nid-875.placement-carte {
			margin-left: 541px; /* 413 */
			margin-top: 92px; /* 64 */

			.map-title {
				background-position: top center;
				padding-bottom: 0;
				padding-top: 16px
			}
		}
		/* Dordrecht */
		#point-nid-961.placement-carte {
			margin-left: 340px;
			margin-top: 230px;

			.map-title {
				background-position: top left;
				padding-bottom: 0;
				padding-left: 25px;
				padding-top: 1px;
			}
		}
		/* Dunkerque */
		#point-nid-962.placement-carte {
			margin-top: 240px;
			margin-left: 240px;

			.map-title {
				background-position: top left;
				padding-bottom: 0;
				padding-left: 25px;
				padding-top: 1px;
			}
		}

		/* Grenoble */
		#point-nid-876.placement-carte {
			margin-left: 230px; /* -55 */
			margin-top: 506px; /* -172 */
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Hamburg */
		#point-nid-963.placement-carte {
			margin-top: 160px;
			margin-left: 480px; /* -172 */
		}
		/* Lausanne */
		#point-nid-877.placement-carte {
			margin-left: 313px; /* -55 */
			margin-top: 431px; /* -172 */
		}
		/* LILLE */
		#point-nid-878.placement-carte {
			margin-left: 264px;
			margin-top: 265px;

			.map-title {
				background-position: top left;
				padding-bottom: 0;
				padding-left: 30px;
				padding-top: 11px;
			}
		}
		/* Londres */
		#point-nid-879.placement-carte {
			margin-left: 182px;  /*  */
			margin-top: 180px; /*   */
		}
		/* Lyon */
		#point-nid-880.placement-carte {
			margin-left: 275px; /* -55 */
			margin-top: 454px; /* -172 */
		}
		/* Malaga */
		#point-nid-881.placement-carte {
			margin-left: -130px; /* -55 */
			margin-top: 785px; /* -172 */
		}
		/* Marseille */
		#point-nid-882.placement-carte {
			margin-left: 280px; /* -55 */
			margin-top: 597px; /* -172 */
			.map-title {
				background-position: top left;
				padding-bottom: 10px;
				padding-left: 28px;
				padding-top: 1px;
			}
		}
		/* Mayence */
		#point-nid-964.placement-carte {
			margin-left: 370px;
			margin-top: 295px;
			.map-title {
				padding-bottom: 20px;
				// padding-left: 28px;
				// padding-top: 1px;
			}
		}
		/* Montpellier */
		#point-nid-883.placement-carte {
			margin-left: 185px; /* 117 */
			margin-top: 610px; /* 94 */
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 0px;
				padding-top: 25px;
			}
		}
		/* Montréal */
		#point-nid-884.placement-carte {
			margin-left: 3px;
			margin-top: 239px;

			.map-title {
				background-image: url("../img/carte/points/points_carte_arrow-left.png");
				/*background-position: top left;
				padding-bottom: 0;
				padding-left: 25px;
				padding-top: 1px;*/
				padding-bottom: 28px;
			}

		}
		/* Nantes */
		#point-nid-868.placement-carte {
			margin-left: 40px;
			margin-top: 380px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 35px;
				padding-top: 7px;
			}
		}
		/* Nime */
		#point-nid-965.placement-carte {
			margin-left: 215px; /* 117 */
			margin-top: 558px; /* 94 */
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Orléans */
		#point-nid-1120.placement-carte {
			margin-left: 165px;
			margin-top: 370px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Paris */
		#point-nid-885.placement-carte {
			margin-left: 200px;
			margin-top: 335px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Rennes */
		#point-nid-886.placement-carte {
			margin-left: 55px;
			margin-top: 335px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}

		/* Rome */
		#point-nid-1030.placement-carte {
			margin-left: 500px;
			margin-top: 680px;
		}

		/* Rotterdam */
		#point-nid-887.placement-carte {
			margin-left: 330px;
			margin-top: 213px;

			.map-title {
				background-position: top left;
				padding-bottom: 0;
				padding-left: 25px;
				padding-top: 1px;
			}
		}
		/* Strasbourg */
		#point-nid-888.placement-carte {
			margin-left: 291px;
			margin-top: 351px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Stuttgrat */
		#point-nid-1031.placement-carte {
			margin-left: 405px;
			margin-top: 361px;

			.map-title {
				background-position: top center;
				padding-bottom: 0;
				padding-top: 16px
			}


		}
		/* Toulon */
		#point-nid-889.placement-carte {
			margin-left: 300px;
			margin-top: 620px;
			.map-title {
				background-position: top left;
				padding-bottom: 10px;
				padding-left: 20px;
				padding-top: 1px;
			}
		}
		/* Toulouse */
		#point-nid-890.placement-carte {
			margin-left: 90px;
			margin-top: 550px;
			.map-title {
				background-position: center right;
				padding-bottom: 7px;
				padding-right: 30px;
				padding-top: 7px;
			}
		}
		/* Turin */
		#point-nid-891.placement-carte {
			margin-left: 343px;
			margin-top: 501px;
		}
		/* Vienne */
		#point-nid-892.placement-carte {
			margin-left: 607px;
			margin-top: 383px;
		}
		/* Clermont-ferrand */
		#point-nid-1094.placement-carte {
			margin-left: 80px;
			margin-top: 450px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Rouen */
		#point-nid-1099.placement-carte {
			margin-left: 200px;
			margin-top: 290px;
		}
		/* Nice */
		#point-nid-1098.placement-carte {
			margin-left: 370px;
			margin-top: 595px;
			.map-title {
				background-position: top left;
				padding-bottom: 10px;
				padding-left: 25px;
				padding-top: 1px;
			}
		}
		/* Metz */
		#point-nid-1097.placement-carte {
			margin-left: 329px;
			margin-top: 293px;
		}
		/* Dijon */
		#point-nid-1095.placement-carte {
			margin-left: 280px;
			margin-top: 397px;
		}
		/* Brest */
		#point-nid-1093.placement-carte {
			margin-left: -10px;
			margin-top: 310px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Nancy */
		#point-nid-1102.placement-carte {
			margin-left: 296px;
			margin-top: 331px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Vitré */
		#point-nid-1148.placement-carte {
			margin-left: 125px;
			margin-top: 335px;
			.map-title {
				background-position: top left;
				padding-bottom: 10px;
				padding-left: 20px;
				padding-top: 1px;
			}
		}
		/* Rive-de-Gier */
		#point-nid-1147.placement-carte {
			margin-left: 180px; /* -55 */
			margin-top: 484px; /* -172 */
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Marseillan */
		#point-nid-1146.placement-carte {
			margin-left: 135px; /* 117 */
			margin-top: 595px; /* 94 */
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Isle-sur-la-Sorgue */
		#point-nid-1145.placement-carte {
			margin-left: 270px; /* 117 */
			margin-top: 560px; /* 94 */
			.map-title {
				background-position: top left;
				padding-bottom: 10px;
				padding-left: 22px;
				padding-top: 0px;
			}
		}
		/* Château-Thierry */
		#point-nid-1144.placement-carte {
			margin-left: 260px;
			margin-top: 330px;
			.map-title {
				background-position: top left;
				padding-bottom: 10px;
				padding-left: 22px;
				padding-top: 0px;
			}
		}
		/* Briançon */
		#point-nid-1143.placement-carte {
			margin-left: 254px; /* -55 */
			margin-top: 526px; /* -172 */
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Tournus */
		#point-nid-1246.placement-carte {
			margin-left: 225px;
			margin-top: 440px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 20px;
				padding-top: 1px;
			}
		}
		/* Villers-semeuse */
		#point-nid-1244.placement-carte {
			margin-left: 280px;
			margin-top: 280px;
			.map-title {
				background-position: top left;
				padding-bottom: 0;
				padding-left: 23px;
				padding-top: 0px;
			}
		}
		/* Xertigny */
		#point-nid-1245.placement-carte {
			margin-left: 275px;
			margin-top: 365px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}
		/* Roscoff */
		#point-nid-1239.placement-carte {
			margin-left: 50px;
			margin-top: 300px;
			.map-title {
				background-position: top left;
				padding-bottom: 0px;
				padding-left: 25px;
				padding-top: 1px;
			}
		}
		/* Magny-en-Vexin */
		#point-nid-1243.placement-carte {
			margin-left: 220px;
			margin-top: 315px;
			.map-title {
				background-position: bottom left;
				padding-bottom: 15px;
				padding-left: 20px;
				padding-top: 0px;
			}
		}
		/* Longuenée-en-Anjou */
		#point-nid-1242.placement-carte {
			margin-left: 120px;
			margin-top: 350px;
			.map-title {
				background-position: bottom left;
				padding-bottom: 13px;
				padding-left: 22px;
				padding-top: 1px;
			}
		}
		/* Digne-les-Bains */
		#point-nid-1248.placement-carte {
			margin-left: 330px; /* -55 */
			margin-top: 578px; /* -172 */
			.map-title {
				background-position: top left;
				padding-bottom: 10px;
				padding-left: 28px;
				padding-top: 1px;
			}
		}
		/* Vire */
		#point-nid-1240.placement-carte {
			margin-left: 120px;
			margin-top: 315px;
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 22px;
				padding-top: 0px;
			}
		}
		/* Nozay */
		#point-nid-1241.placement-carte {
			margin-left: 55px;
			margin-top: 355px;
			.map-title {
				background-position: top right;
				padding-bottom: 0px;
				padding-right: 25px;
				padding-top: 0px;
			}
		}
		/* Lodève */
		#point-nid-1249.placement-carte {
			margin-left: 180px; /* 117 */
			margin-top: 575px; /* 94 */
			.map-title {
				background-position: top right;
				padding-bottom: 0px;
				padding-right: 20px;
				padding-top: 0px;
			}
		}
		/* Foix */
		#point-nid-1250.placement-carte {
			margin-left: 135px; /* 117 */
			margin-top: 575px; /* 94 */
			.map-title {
				background-position: top right;
				padding-bottom: 0px;
				padding-right: 20px;
				padding-top: 0px;
			}
		}
		/* Arvieu */
		#point-nid-1251.placement-carte {
			margin-left: 160px;
			margin-top: 530px;
			.map-title {
				background-position: top right;
				padding-bottom: 0px;
				padding-right: 23px;
				padding-top: 0px;
			}
		}
		/* Ambert */
		#point-nid-1247.placement-carte {
			margin-left: 185px; /* -55 */
			margin-top: 470px; /* -172 */
			.map-title {
				background-position: top right;
				padding-bottom: 10px;
				padding-right: 25px;
				padding-top: 1px;
			}
		}















	}
}
.popover.popover-bottom .wrap .content {
	margin-top: -15px;

	background: #000;
	padding: 2px 4px;
	ul {
		margin: 0;
		padding: 0;

		li {
			list-style: none;
			list-style-type: none;
			margin: 0;
			padding: 0;
			font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
	    	font-size: 13px;
	    	letter-spacing: 0.075em;

		}
		li.popsu1 a {
			color: @bleu_popsu1;
		}
		li.popsu2 a {
			color: @vert_popsu2;
		}
		li.popsueurope a {
			color: @gris_popsueurope;
		}
		// li.metropoles a {
		// 	color: @bleu_popsumetropoles;
		// }
		li.territoires a {
			color: @rouge_popsuterritoires;
		}
	}
}
body.popsu-listing-actu.popsu-search #content-inner {
	margin-right: 110px;

	h1#page-title {
	    display: block;
	}
}