big update

sites/default/themes/popsu/css/screen.css

@@ -711,7 +711,12 @@ a:hover {
   margin-left: 100px; }
 
 /* line 555, ../../vendor/gems/compass_twitter_bootstrap-2.0.3/stylesheets/compass_twitter_bootstrap/_mixins.scss */
-.span2, body.context-popsu-1 #header-wrapper #block-boxes-popsu_logo_popsu2, body.context-popsu-1 #header-wrapper #block-boxes-popsu_logo_popsueurope, body.context-popsu-2 #header-wrapper #block-boxes-popsu_logo_popsu1, body.context-popsu-2 #header-wrapper #block-boxes-popsu_logo_popsueurope, body.context-popsu-europe #header-wrapper #block-boxes-popsu_logo_popsu1, body.context-popsu-europe #header-wrapper #block-boxes-popsu_logo_popsu2 {
+.span2, body.context-popsu-1 #header-wrapper #block-boxes-popsu_logo_popsu2,
+body.context-popsu-1 #header-wrapper #block-boxes-popsu_logo_popsueurope,
+body.context-popsu-2 #header-wrapper #block-boxes-popsu_logo_popsu1,
+body.context-popsu-2 #header-wrapper #block-boxes-popsu_logo_popsueurope,
+body.context-popsu-europe #header-wrapper #block-boxes-popsu_logo_popsu1,
+body.context-popsu-europe #header-wrapper #block-boxes-popsu_logo_popsu2 {
   width: 140px; }
 
 /* line 556, ../../vendor/gems/compass_twitter_bootstrap-2.0.3/stylesheets/compass_twitter_bootstrap/_mixins.scss */
@@ -727,7 +732,15 @@ a:hover {
   margin-left: 260px; }
 
 /* line 555, ../../vendor/gems/compass_twitter_bootstrap-2.0.3/stylesheets/compass_twitter_bootstrap/_mixins.scss */
-.span4, body.context-popsu-1 #header-wrapper #block-boxes-popsu_logo_popsu1, body.context-popsu-2 #header-wrapper #block-boxes-popsu_logo_popsu2, body.context-popsu-europe #header-wrapper #block-boxes-popsu_logo_popsueurope, body.popsu-actu-section #header-wrapper #boxes-box-popsu_logo_popsuneutral, #main-wrapper #sidebar-first {
+.span4,
+body.context-popsu-1 #header-wrapper #block-boxes-popsu_logo_popsu1,
+body.context-popsu-2 #header-wrapper #block-boxes-popsu_logo_popsu2,
+body.context-popsu-europe #header-wrapper #block-boxes-popsu_logo_popsueurope,
+body.context-popsu-monde #header-wrapper #block-boxes-popsu_logo_popsumonde,
+body.context-popsu-territoires #header-wrapper #block-boxes-popsu_logo_popsuterrritoires,
+body.context-popsu-metropoles #header-wrapper #block-boxes-popsu_logo_popsumetropoles,
+body.popsu-actu-section #header-wrapper #boxes-box-popsu_logo_popsuneutral,
+#main-wrapper #sidebar-first {
   width: 300px; }
 
 /* line 556, ../../vendor/gems/compass_twitter_bootstrap-2.0.3/stylesheets/compass_twitter_bootstrap/_mixins.scss */

sites/default/themes/popsu/js/script.js

@@ -120,6 +120,7 @@
 		trigger: "hover",
 		content: "<ul><li class='popsu1'><a href='/popsu1/bordeaux/presentation'>POPSU France 1</a></li>" +
 				"<li class='popsu2'><a href='/popsu2/bordeaux/presentation-0'>POPSU France 2</a></li>" +
+				"<li class='metropoples'><a href='/popsu-metropoles/bordeaux/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 	/* BRUXELLES */
@@ -163,6 +164,7 @@
 		trigger: "hover",
 		content: "<ul>" +
 				"<li class='popsu2'><a href='/popsu2/grenoble/presentation-0'>POPSU France 2</a></li>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/grenoble/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 	/* Hambourg */
@@ -189,6 +191,7 @@
 				"<li class='popsu1'><a href='/popsu1/lille/presentation'>POPSU France 1</a></li>" +
 				"<li class='popsu2'><a href='/popsu2/lille/presentation-0'>POPSU France 2</a></li>" +
 				"<li class='popsueurope'><a href='/popsu-europe/accueil'>POPSU Europe</a></li>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/lille/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 	/* LONDRES */
@@ -207,6 +210,7 @@
 				"<li class='popsu1'><a href='/popsu1/lyon/presentation'>POPSU France 1</a></li>" +
 				"<li class='popsu2'><a href='/popsu2/lyon/presentation-0'>POPSU France 2</a></li>" +
 				"<li class='popsueurope'><a href='/popsu-europe/accueil'>POPSU Europe</a></li>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/lyon/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 	/* MALAGA */
@@ -225,6 +229,7 @@
 				"<li class='popsu1'><a href='/popsu1/marseille/presentation'>POPSU France 1</a></li>" +
 				"<li class='popsu2'><a href='/popsu2/marseille/presentation-0'>POPSU France 2</a></li>" +
 				"<li class='popsueurope'><a href='/popsu-europe/accueil'>POPSU Europe</a></li>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/marseille/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 
@@ -243,6 +248,7 @@
 		content: "<ul>" +
 				"<li class='popsu1'><a href='/popsu1/montpellier/presentation'>POPSU France 1</a></li>" +
 				"<li class='popsueurope'><a href='/popsu-europe/accueil'>POPSU Europe</a></li>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/montpellier/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 
@@ -265,6 +271,7 @@
 				"<li class='popsu1'><a href='/popsu1/nantes/presentation'>POPSU France 1</a></li>" +
 				"<li class='popsu2'><a href='/popsu2/nantes/presentation-0'>POPSU France 2</a></li>" +
 				"<li class='popsueurope'><a href='/popsu-europe/accueil'>POPSU Europe</a></li>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/nantes/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 
@@ -295,6 +302,7 @@
 		content: "<ul>" +
 				"<li class='popsu2'><a href='/popsu2/rennes/presentation-0'>POPSU France 2</a></li>" +
 				"<li class='popsueurope'><a href='/popsu-europe/accueil'>POPSU Europe</a></li>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/rennes/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 
@@ -316,6 +324,7 @@
 		content: "<ul>" +
 				"<li class='popsu2'><a href='/popsu2/strasbourg/presentation-0'>POPSU France 2</a></li>" +
 				"<li class='popsueurope'><a href='/popsu-europe/accueil'>POPSU Europe</a></li>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/strasbourg/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 
@@ -357,6 +366,7 @@
 				"<li class='popsu1'><a href='/popsu1/toulouse/presentation'>POPSU France 1</a></li>" +
 				"<li class='popsu2'><a href='/popsu2/toulouse/presentation-0'>POPSU France 2</a></li>" +
 				"<li class='popsueurope'><a href='/popsu-europe/accueil'>POPSU Europe</a></li>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/toulouse/presentation'>POPSU Métropoles</a></li>" +
 				"</ul>"
 	});
 
@@ -380,6 +390,68 @@
 				"</ul>"
 	});
 
+	/* Brest */
+	$("#point-nid-1093").popover({
+		title: false,
+		trigger: "hover",
+		content: "<ul>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/brest/presentation'>POPSU Métropoles</a></li>" +
+				"</ul>"
+	});
+
+	/* Rouen */
+	$("#point-nid-1099").popover({
+		title: false,
+		trigger: "hover",
+		content: "<ul>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/rouen/presentation'>POPSU Métropoles</a></li>" +
+				"</ul>"
+	});
+
+	/* Clermont-ferrand */
+	$("#point-nid-1094").popover({
+		title: false,
+		trigger: "hover",
+		content: "<ul>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/clermont-ferrand/presentation'>POPSU Métropoles</a></li>" +
+				"</ul>"
+	});
+
+	/* Dijon */
+	$("#point-nid-1095").popover({
+		title: false,
+		trigger: "hover",
+		content: "<ul>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/dijon/presentation'>POPSU Métropoles</a></li>" +
+				"</ul>"
+	});
+
+	/* Nice */
+	$("#point-nid-1098").popover({
+		title: false,
+		trigger: "hover",
+		content: "<ul>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/nice/presentation'>POPSU Métropoles</a></li>" +
+				"</ul>"
+	});
+
+	/* Metz */
+	$("#point-nid-1097").popover({
+		title: false,
+		trigger: "hover",
+		content: "<ul>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/metz/presentation'>POPSU Métropoles</a></li>" +
+				"</ul>"
+	});
+
+	/* Nancy */
+	$("#point-nid-1102").popover({
+		title: false,
+		trigger: "hover",
+		content: "<ul>" +
+				"<li class='metropoles'><a href='/popsu-metropoles/nancy/presentation'>POPSU Métropoles</a></li>" +
+				"</ul>"
+	});
 
 
 	$.each($(".captioned img"), function(legend, item) {
@@ -394,24 +466,3 @@
 
 
 }); })(jQuery);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

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

@@ -202,15 +202,17 @@ table.views-view-grid tbody tr td.col-last {
 	cursor: text;
 }
 #accordion-h2-partenaires,
-#accordion-h2-popsueurope-home,
+// #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-projetseurope,
-#accordion-h2-popsueurope-home {
+// #accordion-h2-popsuterritoires-home,
+// #accordion-h2-popsueurope-home,
+#accordion-h2-popsumonde-home{
 	padding-bottom: 5px;
 }
 
@@ -549,7 +551,10 @@ ul.document-files {
 
 body.path-popsu-europe-accueil,
 body.path-popsu1-accueil,
-body.path-popsu2-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;
@@ -682,27 +687,35 @@ body.front {
 		#logo-home-popsu1 ul.logos {
 			background: url(../img/logos/popsu1/logo-small-home-trans.png) no-repeat top center;
 		}
-
 		#logo-home-popsu2 ul.logos {
 			background: url(../img/logos/popsu2/logo-small-home-trans.png) no-repeat top center;
 		}
-
 		#logo-home-popsueurope ul.logos {
 			background: url(../img/logos/popsueurope/logo-small-home-trans.png) no-repeat top center;
 			margin-right: 0;
 		}
-		ul.logos li {
-			display: none;
+		#logo-home-popsuterritoires ul.logos {
+			background: url(../img/logos/popsuterritoires/logo-small-home-trans.png) no-repeat top center;
 		}
+		#logo-home-popsumetropoles ul.logos {
+			background: url(../img/logos/popsumetropoles/logo-small-home-trans.png) no-repeat top center;
+		}
+		#logo-home-popsumonde ul.logos {
+			background: url(../img/logos/popsumonde/logo-small-home-trans.png) no-repeat top center;
+			margin-right: 0;
+		}
+		ul.logos li {display: none;}
 		#logo-home-popsu1 ul.logos:hover,
 		#logo-home-popsu2 ul.logos:hover,
-		#logo-home-popsueurope ul.logos:hover {
+		#logo-home-popsueurope ul.logos:hover,
+		#logo-home-popsuterritoires ul.logos:hover,
+		#logo-home-popsumetropoles ul.logos:hover,
+		#logo-home-popsumonde ul.logos:hover{
 			background: none;
 		}
 		ul.logos:hover li {
 			display: block;
 		}
-
 	}
 
 	#logos-partenaires-home {
@@ -791,8 +804,6 @@ body.front {
 		// background-size: contain;
 	  // }
 
-
-
 	.col-logo {
 		margin-top: 20px;
 		margin-left: 50px;
@@ -1090,6 +1101,24 @@ body.logged-in #content-tabs ul.tabs.primary {
 		.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");
+		}
 
 
 
@@ -1202,8 +1231,8 @@ body.logged-in #content-tabs ul.tabs.primary {
 			.map-title {
 				background-position: top left;
 				padding-bottom: 0;
-				padding-left: 28px;
-				padding-top: 7px;
+				padding-left: 30px;
+				padding-top: 11px;
 			}
 		}
 		/* Londres */
@@ -1225,7 +1254,6 @@ body.logged-in #content-tabs ul.tabs.primary {
 		#point-nid-882.placement-carte {
 			margin-left: 280px; /* -55 */
 			margin-top: 597px; /* -172 */
-
 			.map-title {
 				background-position: top left;
 				padding-bottom: 10px;
@@ -1313,8 +1341,14 @@ body.logged-in #content-tabs ul.tabs.primary {
 		}
 		/* Strasbourg */
 		#point-nid-888.placement-carte {
-			margin-left: 335px;
-			margin-top: 331px;
+			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 {
@@ -1333,8 +1367,6 @@ body.logged-in #content-tabs ul.tabs.primary {
 		#point-nid-889.placement-carte {
 			margin-left: 300px;
 			margin-top: 620px;
-
-
 			.map-title {
 				background-position: top left;
 				padding-bottom: 10px;
@@ -1357,6 +1389,49 @@ body.logged-in #content-tabs ul.tabs.primary {
 			margin-left: 607px;
 			margin-top: 383px;
 		}
+		/* Clermont-ferrand */
+		#point-nid-1094.placement-carte {
+			margin-left: 160px;
+			margin-top: 430px;
+		}
+		/* Rouen */
+		#point-nid-1099.placement-carte {
+			margin-left: 200px;
+			margin-top: 290px;
+		}
+		/* Nice */
+		#point-nid-1098.placement-carte {
+			margin-left: 368px;
+			margin-top: 575px;
+		}
+		/* 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: 32px;
+			margin-top: 286px;
+		}
+		/* 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;
+			}
+		}
+
+
 
 
 

sites/default/themes/popsu/less/layout.css.less

@@ -23,7 +23,7 @@ body.front #global-wrapper {
 }
 
 body.front #global-wrapper-secondary {
-	background: url(../img/carte/fond_pageaccueil_final.png) no-repeat center -145px;
+	background: url(../img/carte/fond_pageaccueil_final.png) no-repeat center -46px;
 }
 
 
@@ -76,6 +76,18 @@ body.context-popsu-2 #content-inner h1#page-title {
 	color: @vert_popsu2;
 }
 
+body.context-popsu-territoires #content-inner h1#page-title {
+	color: @rouge_popsuterritoires;
+}
+
+body.context-popsu-metropoles #content-inner h1#page-title {
+	color: @bleu_popsumetropoles;
+}
+
+body.context-popsu-monde #content-inner h1#page-title {
+	color: @beige_popsumonde;
+}
+
 
 h2 {
   line-height: 1.3em;
@@ -192,6 +204,32 @@ body.page-user #page {
 			float: right;
 			display: block;
 		}*/
+
+		a.social{
+			display: inline-block;
+			vertical-align:baseline;
+			width:15px; height:15px;
+			overflow: hidden;
+			text-indent: 40px;
+			// line-height: 1;
+			margin-top:-2px;
+			white-space: nowrap;
+			background-position: center;
+			background-repeat: no-repeat;
+			background-size: contain;
+		}
+		a.twitter{
+			background-image: url('../img/icons/twitter.png');
+		}
+		a.facebook{
+			background-image: url('../img/icons/facebook.png');
+		}
+		a.social.youtube{
+			background-image: url('../img/icons/youtube-white.png');
+			width:20px;
+		}
+
+
 		li.last {
 			float: right;
 			display: block;
@@ -278,20 +316,20 @@ body.page-user #page {
 	}
 }
 
-body.context-popsu-europe #sidebar-first .left-nav-level-1 ul.menu {
+.menu-popsu-sidebar(@col){
 	li {
-		color: @gris_popsueurope;
+		color: @col;
 
 	 	a,
 	 	.nolink {
-	 		color: @gris_popsueurope;
+	 		color: @col;
 	 	}
 	 	ul li a {
 	 		color: #fff;
 	 	}
 
 	 	ul li a:hover {
-	 		color: @gris_popsueurope;
+	 		color: @col;
 	 	}
 	 	ul li.active a {
 	 		font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
@@ -299,10 +337,23 @@ body.context-popsu-europe #sidebar-first .left-nav-level-1 ul.menu {
 
 	}
 	li.active a.active {
-		color: @gris_popsueurope;
+		color: @col;
 	}
 }
 
+body.context-popsu-monde #sidebar-first .left-nav-level-1 ul.menu {
+	.menu-popsu-sidebar(@beige_popsumonde);
+}
+body.context-popsu-territoires #sidebar-first .left-nav-level-1 ul.menu {
+	.menu-popsu-sidebar(@rouge_popsuterritoires);
+}
+body.context-popsu-metropoles #sidebar-first .left-nav-level-1 ul.menu {
+	.menu-popsu-sidebar(@bleu_popsumetropoles);
+}
+body.context-popsu-europe #sidebar-first .left-nav-level-1 ul.menu {
+	.menu-popsu-sidebar(@gris_popsueurope);
+}
+
 
 body.context-popsu-2 #sidebar-first .left-nav-level-1 ul.menu {
 	li {
@@ -465,8 +516,6 @@ body.context-popsu {
 			margin: 0px;
 			padding: 0px;
 		}
-
-
 		#block-boxes-popsu_logo_baseline {
 			float: left;
 			background: #000 url(../img/logos/baseline.png) no-repeat top left;
@@ -479,17 +528,14 @@ body.context-popsu {
 				display: none;
 			}
 		}
-
 		.block-wrapper.first {
 			float: left;
-
 			.block-boxes {
 				background: url(../img/pixels/sidebar-default-trans.png);
 				margin: 0 5px 0 15px;
 				/* padding-bottom: 27px; */
 				padding-bottom: 0px;
 			}
-
 		}
 	}
 }
@@ -502,74 +548,52 @@ body.sidebar-double.context-popsu-2 #header-wrapper .block-wrapper.first .block-
 }
 
 
+.logo_box(@bgimg, @w:60px, @h:65px, @mrg:64px, @float:true){
+
+
+	& when (@float = true) {
+		width:auto!important;
+    float:right;
+		margin-right: 25px;
+  }
+	.block-inner {
+		/*padding: 0 1px 0 0;*/
+		a.logo {
+			display: block;
+			float: right;
+			margin: @mrg 0 0 0;
+
+			width: @w;
+			height: @h;
+			background: url(@bgimg) no-repeat;
+			background-size: contain;
+			// background-position: center;
+			background-position: right;
+			text-indent: -999px;
+			overflow: hidden;
+		}
+	}
+}
+
 body.context-popsu-1 {
 	#header-wrapper {
 		#block-boxes-popsu_logo_popsu1 {
-			/*		popsu1 */
-
-
-			.block-inner {
-				/*padding: 0 1px 0 0;*/
-
-				a.logo {
-					display: block;
-					float: right;
-					margin: 40px 0 0 0;
-
-					width: 193px;
-					height: 131px;
-					background: url(../img/logos/popsu1/logo-sidebar-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-				}
-
-			}
+			.logo_box('../img/logos/popsu1/logo-sidebar-trans.png', 193px, 131px, 40px, false);
 		}
 		#block-boxes-popsu_logo_popsu2 {
-			/*		popsu2 */
-			float: right;
-
-			.block-inner {
-
-				a.logo {
-					display: block;
-					margin: 64px 0 0 0;
-
-					width: 101px;
-					height: 65px;
-					background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-
-					float: right;
-				}
-			}
+			.logo_box('../img/logos/popsu2/logo-small-trans.png');
 		}
 		#block-boxes-popsu_logo_popsueurope {
-			/*		popsu Europe */
-			float: right;
-
-			.block-inner {
-				a.logo {
-					display: block;
-					margin: 64px 0 0 0;
-
-					width: 101px;
-					height: 65px;
-					background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-
-					float: right;
-				}
-			}
+			.logo_box('../img/logos/popsueurope/logo-small-trans.png');
 		}
-		#block-boxes-popsu_logo_baseline {
-			/*		baseline  */
-			.block-inner {
-
-
-			}
+		#block-boxes-popsu_logo_popsuterrritoires {
+			.logo_box('../img/logos/popsuterritoires/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumonde {
+			.logo_box('../img/logos/popsumonde/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumetropoles{
+			.logo_box('../img/logos/popsumetropoles/logo-small-trans.png');
 		}
 	}
 }
@@ -577,130 +601,127 @@ body.context-popsu-1 {
 body.context-popsu-2 {
 	#header-wrapper {
 		#block-boxes-popsu_logo_popsu1 {
-			float: right;
-
-			.block-inner {
-				a.logo {
-					display: block;
-					margin: 64px 0 0 0;
-
-					width: 101px;
-					height: 65px;
-					background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-
-					float: right;
-				}
-			}
+			.logo_box('../img/logos/popsu1/logo-small-trans.png');
 		}
 		#block-boxes-popsu_logo_popsu2 {
-
-			.block-inner {
-				a.logo {
-					display: block;
-					float: right;
-					margin: 40px 0 0 0;
-
-					width: 193px;
-					height: 131px;
-					background: url(../img/logos/popsu2/logo-sidebar-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-				}
-			}
+			.logo_box('../img/logos/popsu2/logo-sidebar-trans.png', 193px, 131px, 40px, false);
 		}
 		#block-boxes-popsu_logo_popsueurope {
-			float: right;
-
-			.block-inner {
-				a.logo {
-					display: block;
-					margin: 64px 0 0 0;
-
-					width: 101px;
-					height: 65px;
-					background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-
-					float: right;
-				}
-			}
+			.logo_box('../img/logos/popsueurope/logo-small-trans.png');
 		}
-		#block-boxes-popsu_logo_baseline {
-
-			.block-inner {
-
-			}
+		#block-boxes-popsu_logo_popsuterrritoires {
+			.logo_box('../img/logos/popsuterritoires/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumonde {
+			.logo_box('../img/logos/popsumonde/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumetropoles{
+			.logo_box('../img/logos/popsumetropoles/logo-small-trans.png');
 		}
 	}
 }
 
-
 body.context-popsu-europe {
 	#header-wrapper {
 		#block-boxes-popsu_logo_popsu1 {
-			float: right;
-
-			.block-inner {
-				a.logo {
-					display: block;
-					margin: 64px 0 0 0;
-
-					width: 101px;
-					height: 65px;
-					background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-
-					float: right;
-				}
-			}
+			.logo_box('../img/logos/popsu1/logo-small-trans.png');
 		}
 		#block-boxes-popsu_logo_popsu2 {
-			float: right;
-
-			.block-inner {
-				a.logo {
-					display: block;
-					margin: 64px 0 0 0;
-
-					width: 101px;
-					height: 65px;
-					background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-
-					float: right;
-				}
-			}
+			.logo_box('../img/logos/popsu2/logo-small-trans.png');
 		}
 		#block-boxes-popsu_logo_popsueurope {
-
-			.block-inner {
-				a.logo {
-					display: block;
-					float: right;
-					margin: 40px 0 0 0;
-
-					width: 193px;
-					height: 131px;
-					background: url(../img/logos/popsueurope/logo-sidebar-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-				}
-			}
+			.logo_box('../img/logos/popsueurope/logo-sidebar-trans.png', 193px, 131px, 40px, false);
 		}
-		#block-boxes-popsu_logo_baseline {
-
-			.block-inner {
-
-			}
+		#block-boxes-popsu_logo_popsuterrritoires {
+			.logo_box('../img/logos/popsuterritoires/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumonde {
+			.logo_box('../img/logos/popsumonde/logo-sidebar-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumetropoles{
+			.logo_box('../img/logos/popsumetropoles/logo-small-trans.png');
 		}
 	}
 }
 
+body.context-popsu-monde {
+	#header-wrapper {
+		#block-boxes-popsu_logo_popsu1 {
+			.logo_box('../img/logos/popsu1/logo-sidebar-trans.png');
+		}
+		#block-boxes-popsu_logo_popsu2 {
+			.logo_box('../img/logos/popsu2/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsueurope {
+			.logo_box('../img/logos/popsueurope/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsuterrritoires {
+			.logo_box('../img/logos/popsuterritoires/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumonde {
+			// width:300px;
+			.logo_box('../img/logos/popsumonde/logo-sidebar-trans.png', 193px, 131px, 40px, false);
+		}
+		#block-boxes-popsu_logo_popsumetropoles{
+			.logo_box('../img/logos/popsumetropoles/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_baseline {
+			.block-inner {}
+		}
+	}
+}
+
+body.context-popsu-metropoles {
+	#header-wrapper {
+		#block-boxes-popsu_logo_popsu1 {
+			.logo_box('../img/logos/popsu1/logo-sidebar-trans.png');
+		}
+		#block-boxes-popsu_logo_popsu2 {
+			.logo_box('../img/logos/popsu2/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsueurope {
+			.logo_box('../img/logos/popsueurope/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsuterrritoires {
+			.logo_box('../img/logos/popsuterritoires/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumonde {
+			.logo_box('../img/logos/popsumonde/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumetropoles{
+			.logo_box('../img/logos/popsumetropoles/logo-sidebar-trans.png', 193px, 131px, 40px, false);
+		}
+		#block-boxes-popsu_logo_baseline {
+			.block-inner {}
+		}
+	}
+}
+
+body.context-popsu-territoires {
+	#header-wrapper {
+		#block-boxes-popsu_logo_popsu1 {
+			.logo_box('../img/logos/popsu1/logo-sidebar-trans.png');
+		}
+		#block-boxes-popsu_logo_popsu2 {
+			.logo_box('../img/logos/popsu2/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsueurope {
+			.logo_box('../img/logos/popsueurope/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsuterrritoires {
+			.logo_box('../img/logos/popsuterritoires/logo-sidebar-trans.png', 193px, 131px, 40px, false);
+		}
+		#block-boxes-popsu_logo_popsumonde {
+			.logo_box('../img/logos/popsumonde/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumetropoles{
+			.logo_box('../img/logos/popsumetropoles/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_baseline {
+			.block-inner {}
+		}
+	}
+}
 
 #boxes-box-popsu_menu_trigger {
 	background: #000000;
@@ -749,14 +770,8 @@ body.context-popsu-europe {
 	}
 }
 
-
-
-
-
 .breadcrumb { display: none; }
 
-
-
 body.context-popsu #header-wrapper .menu-header .block-inner {
 	padding: 0;
 	background: none;
@@ -780,7 +795,6 @@ body.context-popsu #header-wrapper .menu-header .block-inner {
 	}
 }
 
-
 .openlayers-container {
 	border: 1px solid #999;
 
@@ -852,8 +866,6 @@ body.context-popsu #header-wrapper .menu-header .block-inner {
 			    color: #1A171B;
 }
 
-
-
 body.popsu-neutral-section {
 	#main-wrapper #content-wrapper {
 		width: 96%;
@@ -902,22 +914,18 @@ body.popsu-neutral-section {
 	}
 }
 
-
-
 body.popsu-neutral-section {
 	#header-wrapper {
 		#boxes-box-popsu_logo_popsuneutral {
-			/*		popsu1 */
+			/*		mainlogo */
 
 			float: left;
 			margin-left: 65px;
-
+			// .logo_box('../img/logos/logo-pages-froides-avec-baseline.png', 349px, 150px, 24px);
 			.boxes-box-content {
 				margin: 0 5px 0 15px;
-				/* padding-bottom: 27px; */
+			// 	/* padding-bottom: 27px; */
 				padding-bottom: 0px;
-
-
 				a.logo {
 					display: block;
 					float: right;
@@ -929,7 +937,6 @@ body.popsu-neutral-section {
 					text-indent: -999px;
 					overflow: hidden;
 				}
-
 			}
 		}
 	}
@@ -938,64 +945,22 @@ body.popsu-actu-section,
 body.popsu-neutral-section {
 	#header-wrapper {
 		#block-boxes-popsu_logo_popsu1 {
-			/*		popsu1 */
-			float: right;
-			margin-right: 25px;
-
-			.block-inner {
-				a.logo {
-					display: block;
-					margin: 64px 0 0 0;
-
-					width: 101px;
-					height: 65px;
-					background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-
-					float: right;
-				}
-			}
+			.logo_box('../img/logos/popsu1/logo-small-trans.png');
 		}
 		#block-boxes-popsu_logo_popsu2 {
-			/*		popsu2 */
-			float: right;
-			margin-right: 25px;
-
-			.block-inner {
-
-				a.logo {
-					display: block;
-					margin: 64px 0 0 0;
-
-					width: 101px;
-					height: 65px;
-					background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-
-					float: right;
-				}
-			}
+			.logo_box('../img/logos/popsu2/logo-small-trans.png');
 		}
 		#block-boxes-popsu_logo_popsueurope {
-			/*		popsu Europe */
-			float: right;
-
-			.block-inner {
-				a.logo {
-					display: block;
-					margin: 64px 0 0 0;
-
-					width: 101px;
-					height: 65px;
-					background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat;
-					text-indent: -999px;
-					overflow: hidden;
-
-					float: right;
-				}
-			}
+			.logo_box('../img/logos/popsueurope/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsuterrritoires{
+			.logo_box('../img/logos/popsuterritoires/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumonde{
+			.logo_box('../img/logos/popsumonde/logo-small-trans.png');
+		}
+		#block-boxes-popsu_logo_popsumetropoles{
+			.logo_box('../img/logos/popsumetropoles/logo-small-trans.png');
 		}
 	}
 }
@@ -1339,5 +1304,3 @@ body.page-recherche.popsu-neutral-section #main-wrapper #content-wrapper #conten
 body.node-type-popsu-ville .captioned .flex-caption {
 	margin-top: -20px;
 }
-
-

sites/default/themes/popsu/less/lib.less

@@ -3,3 +3,6 @@
 @vert_popsu2: #71a024;
 @gris_popsueurope: #6e6c78;
 @gris_neutral: #999999;
+@beige_popsumonde:#baa580;
+@rouge_popsuterritoires:#d90e29;
+@bleu_popsumetropoles:#23398d;

sites/default/themes/popsu/less/wide.less

@@ -2,14 +2,14 @@
 @media only screen and (min-width: 1200px) {
 /* ---------------------------------------------------------------------------*/
 
-		
-			
+
+
 
 #page {
-	
-		
+
+
 	width: 1090px;
-	
+
 	#main-wrapper {
 		#sidebar-first {
 			margin-left: 75px;
@@ -24,7 +24,7 @@
 		}
 		#block-boxes-popsu_logo_popsueurope {
 			/* attention au contexte POPSU ! */
-			margin-right: 75px;
+			// margin-right: 75px;
 		}
 	}
 	#main-wrapper {
@@ -36,7 +36,7 @@
 
 
 body.front #page {
-	#main-wrapper {		
+	#main-wrapper {
 		#content-wrapper {
 			margin-left: 90px;
 			width: 86%;
@@ -45,7 +45,7 @@ body.front #page {
 }
 
 body.popsu-neutral-section {
-	#main-wrapper {		
+	#main-wrapper {
 		#content-wrapper {
 			margin-left: 90px;
 			width: 83%;
@@ -57,18 +57,18 @@ body.popsu-actu-section {
 	#header-wrapper {
 		#boxes-box-popsu_logo_popsuneutral .boxes-box-content {
 			width: 280px;
-			
+
 			a.logo {
 				margin-left: 74px;
 			}
 		}
-		
+
 		#block-boxes-popsu_logo_baseline {
 			margin-left: 16px;
 		}
-		
+
 	}
-	
+
 }
 
 
@@ -76,10 +76,17 @@ body.popsu-actu-section {
 
 body.context-popsu-europe #page #header-wrapper {
 	#block-boxes-popsu_logo_popsueurope {
-		margin-right: 0;		
+		margin-right: 0;
 	}
 	#block-boxes-popsu_logo_popsu2 {
-		margin-right: 75px;
+		// margin-right: 75px;
+	}
+}
+
+
+body.context-popsu-monde #page #header-wrapper {
+	#block-boxes-popsu_logo_popsumonde {
+		margin-right: 0;
 	}
 }
 
@@ -93,7 +100,7 @@ body.sidebar-double {
 	#footer-wrapper #footer .region-footer {
 		width: 1090px;
 	}
-	
+
 	#page {
 		width: 1090px;
 
@@ -104,12 +111,12 @@ body.sidebar-double {
 			}
 			/*#content-wrapper {
 				width: 620px;
-			}*/	
+			}*/
 		}
 		#header-wrapper {
 			.block-wrapper.first {
 				margin-left: 0px;
-				
+
 				.block-boxes {
 					background: url(../img/pixels/sidebar-default-trans.png);
 				}
@@ -122,7 +129,7 @@ body.sidebar-double {
 		#sidebar-first {
 			#block-menu_block-3	{
 				display: block;
-	
+
 				width: 55%;
 				float: left;
 				background: url(../img/pixels/sidebar-default-trans.png);
@@ -133,15 +140,15 @@ body.sidebar-double {
 				min-height: 600px;
 				background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
 			}
-			
-			
-	
-			
-			
+
+
+
+
+
 		}
-		
+
 	}
-		
+
 }
 
 body.sidebar-double.context-popsu-2  #sidebar-first {
@@ -166,35 +173,35 @@ body.sidebar-double.context-popsu-1 #sidebar-first .left-nav-level-1 ul.menu {
 	li .nolink,
 	li a {
 		color: @bleu_popsu1;
-		
+
 	}
 	li ul li a:hover {
 		color: @bleu_popsu1;
 	}
-	
+
 	li.active-trail {
-		
-		
+
+
 		a.active-trail {
 			color: @bleu_popsu1;
 			background: url(../img/nav-active-trans.png) no-repeat center right;
-			margin-right: -15px;			
+			margin-right: -15px;
 			display: block;
 		}
 	}
-} 
+}
+
 
 
 
 
 
 
-	
 
 
 body #block-boxes-popsu_menu_trigger {
-	display: none;	
-}	
+	display: none;
+}
 
 #content-inner .popsu-74-26-stacked .panels-flexible-column-first .field-type-image {
     margin-left: -23px;
@@ -206,4 +213,4 @@ body #block-boxes-popsu_menu_trigger {
 
 /* ---------------------------------------------------------------------------*/
 }
-/* 1200 styles ---------------------------------------------------------------*/
+/* 1200 styles ---------------------------------------------------------------*/