first import

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

@@ -0,0 +1,5 @@
+
+@bleu_popsu1: #3aa4bc;
+@vert_popsu2: #71a024;
+@gris_popsueurope: #6e6c78;
+@gris_neutral: #999999;

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

@@ -0,0 +1,41 @@
+@import "lib.less"; 
+@import "wide.less";
+
+#block-system-main h3 {
+	margin-left: 0;
+	margin-top: 0;
+}
+		
+/* 480px --------------------------------------------------------------------- */
+/*@media only screen and (min-width: 480px) {
+	@import "media/480";
+}*/
+  
+
+/* 600px --------------------------------------------------------------------- */
+/*@media only screen and (min-width: 600px) {
+	@import "media/600";
+}*/
+  
+
+
+/* 768px --------------------------------------------------------------------- */
+/*@media only screen and (min-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
+	@import "media/768";
+}
+@media only screen and (min-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
+	@import "media/992";
+}*/
+  
+
+
+
+/* 992px --------------------------------------------------------------------- */
+/*@media only screen and (min-width: 992px) {
+	@import "media/992";
+}*/
+  
+
+/* 1382px -------------------------------------------------------------------- */
+ 
+ 

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

@@ -0,0 +1,209 @@
+/* 1200 styles ---------------------------------------------------------------*/
+@media only screen and (min-width: 1200px) {
+/* ---------------------------------------------------------------------------*/
+
+		
+			
+
+#page {
+	
+		
+	width: 1090px;
+	
+	#main-wrapper {
+		#sidebar-first {
+			margin-left: 75px;
+		}
+		#content-wrapper {
+
+		}
+	}
+	#header-wrapper {
+		.block-wrapper.first {
+			margin-left: 75px;
+		}
+		#block-boxes-popsu_logo_popsueurope {
+			/* attention au contexte POPSU ! */
+			margin-right: 75px;
+		}
+	}
+	#main-wrapper {
+		/*width: 940px;
+		margin-left: auto;
+		margin-right: auto;*/
+	}
+}
+
+
+body.front #page {
+	#main-wrapper {		
+		#content-wrapper {
+			margin-left: 90px;
+			width: 86%;
+		}
+	}
+}
+
+body.popsu-neutral-section {
+	#main-wrapper {		
+		#content-wrapper {
+			margin-left: 90px;
+			width: 83%;
+		}
+	}
+}
+
+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;
+		}
+		
+	}
+	
+}
+
+
+
+
+body.context-popsu-europe #page #header-wrapper {
+	#block-boxes-popsu_logo_popsueurope {
+		margin-right: 0;		
+	}
+	#block-boxes-popsu_logo_popsu2 {
+		margin-right: 75px;
+	}
+}
+
+
+
+
+
+
+
+body.sidebar-double {
+	#footer-wrapper #footer .region-footer {
+		width: 1090px;
+	}
+	
+	#page {
+		width: 1090px;
+
+		#main-wrapper {
+			#sidebar-first {
+				width: 450px;
+				margin-left: 0px;
+			}
+			/*#content-wrapper {
+				width: 620px;
+			}*/	
+		}
+		#header-wrapper {
+			.block-wrapper.first {
+				margin-left: 0px;
+				
+				.block-boxes {
+					background: url(../img/pixels/sidebar-default-trans.png);
+				}
+			}
+			#block-boxes-popsu_logo_popsueurope {
+				/* attention au contexte POPSU !*/
+				margin-right: 0px;
+			}
+		}
+		#sidebar-first {
+			#block-menu_block-3	{
+				display: block;
+	
+				width: 55%;
+				float: left;
+				background: url(../img/pixels/sidebar-default-trans.png);
+			}
+			#block-menu_block-1	{
+				width: 45%;
+				float: left;
+				min-height: 600px;
+				background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
+			}
+			
+			
+	
+			
+			
+		}
+		
+	}
+		
+}
+
+body.sidebar-double.context-popsu-2  #sidebar-first {
+	#block-menu_block-4	{
+		display: block;
+
+		width: 55%;
+		float: left;
+		background: url(../img/pixels/sidebar-default-trans.png);
+	}
+	#block-menu_block-5	{
+		width: 45%;
+		float: left;
+		min-height: 600px;
+		/* background: url(../img/pixels/sidebar-popsu2-bis-trans.png); */
+		background: @vert_popsu2;
+	}
+}
+
+
+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;			
+			display: block;
+		}
+	}
+} 
+
+
+
+
+
+
+	
+
+
+body #block-boxes-popsu_menu_trigger {
+	display: none;	
+}	
+
+#content-inner .popsu-74-26-stacked .panels-flexible-column-first .field-type-image {
+    margin-left: -23px;
+}
+
+
+
+
+
+/* ---------------------------------------------------------------------------*/
+}
+/* 1200 styles ---------------------------------------------------------------*/