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

@import "lib.less";

#block-boxes-popsu_google_analytics {
	display: none;
}

/* Links with OUTLINE patch */
a:link, a:visited, a:hover, a:active {
	outline: none;
}


body.front {
	background: url(../img/body-background.png);
}

#global-wrapper {
	background: url(../img/body-pattern-wide-trans.png) no-repeat top center;
}

body.front #global-wrapper {
	background: url(../img/carte/fond_carte_agrandi_02.png) no-repeat top center;
}

body.front #global-wrapper-secondary {
	background: url(../img/carte/fond_pageaccueil_final.png) no-repeat center -46px;
}


/* NE PAS EFFACER */
/* déplacé dans les vues projets et themes (footer)
#main-wrapper #block-menu_block-1 .menu-name-menu-popsu1-menu > ul.menu {
	background: url(/sites/default/themes/popsu/img/icons/voir-egalement-trans.png) no-repeat bottom right;
	padding-bottom: 15px;
	margin-bottom: 0;
}
/* !NE PAS EFFACER */



#page {
	padding-bottom: 60px;
}


h1 {
  color: #999;
  text-transform: uppercase;
  line-height: 1em;
}
#content-inner .pseudo-h1-page-title,
#content-inner .pseudo-h1-page-title p,
#content-inner h1#page-title p,
#content-inner h1#page-title {
	font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
	font-size: 56px;
	line-height: 43px;
	font-weight: normal;
	color: @bleu_popsu1;
	padding-top: 4px;
}
#content-inner .pseudo-h1-page-title p span {
	line-height: 36px;
}
#content-inner .pseudo-h1-page-title,
#content-inner h1#page-title p {
	margin-bottom: 0;
}
body.context-popsu-europe #content-inner .pseudo-h1-page-title,
body.context-popsu-europe #content-inner .pseudo-h1-page-title p,
body.context-popsu-europe #content-inner h1#page-title p,
body.context-popsu-europe #content-inner h1#page-title {
	color: @gris_popsueurope;
}
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;
}

h6 {
    color: #000;
    font-size: 12px;
    text-transform: none;
}

#content-inner .field-type-text-long h1 {
 	font-family: OstrichSansBold,verdana,arial,helvetica,sans-serif;
 	font-size: 36px;
  font-weight: normal;
  line-height: 40px;
  // padding-top: 4px;
	color: @bleu_popsu1;
}

body.context-popsu-europe #content-inner .field-type-text-long h1 {
	color: @gris_popsueurope;
}
body.context-popsu-2 #content-inner .field-type-text-long h1 {
	color: @vert_popsu2;
}
#content-inner h2 {
	font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 27px;
	font-weight: normal;
}
#content-inner h3 {
	font-size: 13px;
	line-height: 17px;
	font-family: OpenSansExtraBold, verdana,arial,helvetica,sans-serif;
	font-weight: normal;
	margin: 0;
}




kbd {
  background-color: #f5f5f5;
  border: 1px solid #dedede;
  padding: 0px 3px 2px;
}
footer {
  margin-top: 3em;
  text-align: right;
}


/*base-documentaire*/
body.page-user #main-wrapper {
	background: #fff;
	min-height: 450px;
	margin-top: 70px;
	margin-bottom: 30px;
}
body.page-user #page {
	min-height: 600px;
}


#header-wrapper {
	margin-bottom: 0;
	padding-bottom: 0;
}


#content-wrapper {
	/*background-color: #fff;*/


	#content-inner {
		/*background-color:#ff0000;*/
		padding: 0 0px 0 0;
		/*margin-right: -15px;*/
		margin-right: -23px;
	}
}




#footer-wrapper {
	background: transparent url(../img/pixels/footer-background_gray-dark-trans.png);

	#footer {
		background: none;


		color: #fff;
		font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
		font-size: 13px;
		line-height: 14px;
		letter-spacing: 0.075em;
		font-weight: normal;
		li,
		.block-inner .content ul li a {
			font-weight: normal;
			color: #fff;
			line-height: 14px;
		}
		/*#footer-accueil,
		#footer-popsu {
			font-size: 14px;
		}
		#footer-recherche {
			font-size: 17px;
			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;
		}
	}

}
.navbar-inner, #footer-wrapper #footer {
    min-height: 30px;
}



#sidebar-first {
	.region-sidebar-first {
		/*  A REPORTER */
		/*padding: 0px 15px 10px 15px;*/

		margin: 0 5px 0 15px;

		background: url(../img/pixels/sidebar-default-trans.png);
	}
	.left-nav-level-1 {
		padding: 27px 15px 10px 15px;

		ul.menu {
			li {
				margin-bottom: 11px;
				.nolink,
				a {
					color: @bleu_popsu1;
					font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
					font-size: 38px;
					line-height: 30px;
					font-weight: normal;
					margin-bottom: 5px;
					display: block;
				}
			}
		}
	}
}





#sidebar-first {
	.left-nav-level-1 {
		ul.menu {
			li {
				a:hover {
					color: #fff;
					background: none;
					text-decoration: underline;
				}
				ul {
					margin-bottom: 22px;

					li {
						margin-bottom: 0px;

						.nolink,
						a {
							color: #fff;
							/*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/
							font-family: OpenSansLight, verdana,arial,helvetica,sans-serif;
							font-size: 17px;
							line-height: 23px;
							font-weight: normal;
							margin-bottom: 0;
						}
						a:hover {
							color: @bleu_popsu1;
						}
					}
				}
			}
			li.active-trail a.active {
				/*background-color: #fff;*/
				color: @bleu_popsu1;
			}
		}
	}
}

.menu-popsu-sidebar(@col){
	li {
		color: @col;

	 	a,
	 	.nolink {
	 		color: @col;
	 	}
	 	ul li a {
	 		color: #fff;
	 	}

	 	ul li a:hover {
	 		color: @col;
	 	}
	 	ul li.active a {
	 		font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
	 	}

	}
	li.active a.active {
		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 {
		color: @vert_popsu2;

	 	a,
	 	.nolink {
	 		color: @vert_popsu2;
	 	}
	 	ul li .nolink,
	 	ul li a {
	 		color: #fff;
	 	}

	 	ul li a:hover {
	 		color: @vert_popsu2;
	 	}
	 	ul li.active a {
	 		font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
	 	}

	}
	li.active a.active {
		color: @vert_popsu2;
	}
}





#sidebar-first {
	.left-nav-level-2 {
		padding: 0px 15px 10px 15px;

		h3.title a {
			color: #fff;
		}
		ul.menu {
			li {
				margin-bottom: 11px;
				.nolink,
				a {
					color: #fff;
					font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
					font-size: 12px;
					line-height: 17px;
					font-weight: normal;
					text-transform: uppercase;
					/*margin-bottom: 5px;*/
					display: block;
				}
				ul {
					margin-bottom: 22px;
					padding-left: 0;

					li {
						margin-bottom: 0px;


						a {
							color: #fff;
							/*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/
							font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;
							font-size: 12px;
							line-height: 17px;
							font-weight: normal;
							margin-bottom: 0;
							text-transform: none;
						}
					}
					li:hover a {
						background: none;
						/*color: @bleu_popsu1;*/
						text-decoration: underline;
					}
				}
			}
			li.active-trail a.active {
				/*background-color: #fff;
				color: @bleu_popsu1;*/
				background: none;
				color: #000;
				font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
			}
		}



	}



}







body.sidebar-double.context-popsu-1 {
	#sidebar-first {
		.region-sidebar-first {
			background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
		}

		.left-nav-level-1 {
			padding-top: 27px;

			ul.menu {
				li {
					.nolink,
					a {
						color: #000;
					}
					ul li a {
						color: #fff;
					}
					a:hover {
						color: #fff;
					}
					ul li a:hover {
						color: #000;

					}
				}
				li.active-trail a.active {
					background: none;
					color: #000;
					font-weight: bold;
				}
			}
		}
	}
}


body.sidebar-double.context-popsu-2 {
	#sidebar-first {
		.region-sidebar-first {
			background: @vert_popsu2;
			/*url(../img/pixels/sidebar-popsu1-bis-trans.png);*/
		}
	}
}










body.context-popsu {
	#header-wrapper {
		.block-inner {
			margin: 0px;
			padding: 0px;
		}
		#block-boxes-popsu_logo_baseline {
			float: left;
			background: #000 url(../img/logos/baseline.png) no-repeat top left;
			width: 143px;
			height: 61px;
			margin-top: 36px;
			margin-left: -5px;

			.block-inner {
				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;
			}
		}
	}
}
body.sidebar-double.context-popsu-1 #header-wrapper .block-wrapper.first .block-boxes {
	background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
}
body.sidebar-double.context-popsu-2 #header-wrapper .block-wrapper.first .block-boxes {
	background: @vert_popsu2;
	/* url(../img/pixels/sidebar-popsu1-bis-trans.png); */
}


.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 {
			.logo_box('../img/logos/popsu1/logo-sidebar-trans.png', 193px, 131px, 40px, false);
		}
		#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-small-trans.png');
		}
	}
}

body.context-popsu-2 {
	#header-wrapper {
		#block-boxes-popsu_logo_popsu1 {
			.logo_box('../img/logos/popsu1/logo-small-trans.png');
		}
		#block-boxes-popsu_logo_popsu2 {
			.logo_box('../img/logos/popsu2/logo-sidebar-trans.png', 193px, 131px, 40px, false);
		}
		#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-small-trans.png');
		}
	}
}

body.context-popsu-europe {
	#header-wrapper {
		#block-boxes-popsu_logo_popsu1 {
			.logo_box('../img/logos/popsu1/logo-small-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-sidebar-trans.png', 193px, 131px, 40px, false);
		}
		#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;
	margin-left: -20px;
	padding: 0;

	float: left;

	.menu-trigger-level1,
	a {
		cursor: pointer;

		color: #fff;
		font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 0.05em;
		font-weight: normal;

		padding: 3px 4px 2px 7px;
	}
}

#trigger-questcequepopsu {
	background: #000000;
	margin-right: -20px;
	margin-top: -10px;
	margin-bottom: 10px;
	padding: 0;

	float: right;

	a {
		display: block;
		cursor: pointer;

		color: #fff;
		font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 0.05em;
		font-weight: normal;

		padding: 3px 4px 2px 7px;

	}
}

.breadcrumb { display: none; }

body.context-popsu #header-wrapper .menu-header .block-inner {
	padding: 0;
	background: none;

	ul {
		padding-left: 30px;
		padding-top: 23px;
		li {
			list-style: none;
			text-align: left;
		}
	}
}
.menu-inline {
	ul {
		li {
			float: left;
			list-style: none;
			margin: 0 10px;
		}
	}
}

.openlayers-container {
	border: 1px solid #999;

	.olControlAttribution {
		display: none;
	}
	.openlayers_behavior_fullscreen_buttonItemInactive {
		cursor: pointer;
		/*background: url("openlayers_behavior_fullscreen.png") repeat scroll 0 0 transparent;
    	height: 20px;
    	width: 20px;*/
	}



}
.openlayers-container img {
	max-width: none;
}

.flexslider {
	margin-bottom: 10px;
	min-height: 340px;
	/*height: 330px;*/

	/*margin-left: -20px;*/

	ul,
	ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	}
	p {
		margin: 0 1px 0 0;
		font-size: 11px;
		font-weight: normal;
		.ville-title {
			padding-left: 5px;
		}
	}

}

.flex-caption,
.caption {
	/*position:absolute;*/
	bottom:0;
	left:0;
	width:100%;
	font-size:12px;
	color:#fff;
	/*height:21px;*/
	padding: 2px 0;
	/*background:rgba(0, 0, 0, 0.9);*/
	background-color: #000;
	span.ville-title {
		display: block;
		margin: 0 2px;
	}
}


.colloque-subtitle {
	font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
			    font-size: 12px;
			    line-height: 18px;
			    color: #1A171B;
}

body.popsu-neutral-section {
	#main-wrapper #content-wrapper {
		width: 96%;

		#content-inner {
			padding-left: 170px;

			.panel-2col-stacked {
				.panel-col-top {
					width: 69%;
				}
				.center-wrapper	{
					.panel-col-first {
						width: 340px;
						margin-right: 70px;
					}
					.panel-col-last {
						width: 340px;
					}
				}
			}


			.page-header {
				margin-bottom: 24px;
			}
			h1#page-title {
				color: @gris_neutral;
			}
			h2 {
				font-family: OpenSansBold,verdana,arial,helvetica,sans-serif;
	    		font-size: 19px;
			}
			a {
				color: #1A171B;
			}
			p {
			    font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
			    font-size: 13px;
			    line-height: 18px;
			    margin: 0 0 9px;
			    color: #1A171B;
			}
		}

	}
}

body.popsu-neutral-section {
	#header-wrapper {
		#boxes-box-popsu_logo_popsuneutral {
			/*		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: 0px;
				a.logo {
					display: block;
					float: right;
					margin: 24px 0 0 0;

					width: 349px;
					height: 150px;
					background: url(../img/logos/logo-pages-froides-avec-baseline.png) no-repeat;
					text-indent: -999px;
					overflow: hidden;
				}
			}
		}
	}
}
body.popsu-actu-section,
body.popsu-neutral-section {
	#header-wrapper {
		#block-boxes-popsu_logo_popsu1 {
			.logo_box('../img/logos/popsu1/logo-small-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-small-trans.png');
		}
	}
}

body.popsu-neutral-section {
	#header-wrapper {
		#block-boxes-popsu_logo_baseline {
			display: none;
			/*float: left;
			background: #000 url(../img/logos/baseline.png) no-repeat top left;
			width: 143px;
			height: 61px;
			margin-top: 36px;
			margin-left: -5px;

			.block-inner {
				display: none;
			}*/
		}
	}
}

body.popsu-actu-section {
	#header-wrapper {

		#block-boxes-popsu_logo_baseline {
			float: left;
			background: #000 url(../img/logos/baseline.png) no-repeat top left;
			width: 143px;
			height: 61px;
			margin-top: 36px;
			margin-left: -5px;

			.block-inner {
				display: none;
			}
		}

		#boxes-box-popsu_logo_popsuneutral {
			float: left;

			.boxes-box-content {
				background: url(../img/pixels/sidebar-default-trans.png);
				margin: 0 5px 0 15px;
				/* padding-bottom: 27px; */
				/*height: 192px;*/

				padding-top: 24px;

				a.logo {
					display: block;


					margin: 0px 0 0 73px;

					width: 207px;
					height: 150px;
					background: url(../img/logos/logo-actu-black.png) no-repeat;
					text-indent: -999px;
					overflow: hidden;
				}


			}

		}


		/*#boxes-box-popsu_logo_popsuneutral {


			background: url(../img/pixels/sidebar-default-trans.png);


			margin: 0;

			padding-bottom: 0px;


			.boxes-box-content {
				margin: 0 5px 0 15px;



				padding-bottom: 0px;


				a.logo {
					display: block;

					margin: 24px 0 0 0;

					width: 207px;
					height: 150px;
					background: url(../img/logos/logo-actu-black.png) no-repeat;
					text-indent: -999px;
					overflow: hidden;
				}

			}

		}*/
	}
}


body.popsu-actu-section #sidebar-first {
	.left-nav-level-1 {


		/*padding: 27px 15px 10px 15px;*/
		padding-top: 44px;

		h3 {
			color: @gris_neutral;
			font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
			font-size: 38px;
			line-height: 30px;
			font-weight: normal;
			margin-bottom: 5px;
			display: block;
		}


		ul.menu {

			margin-bottom: 22px;

			li {
				margin-bottom: 0px;

				.nolink,
				a {
					color: #fff;
					/*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/
					font-family: OpenSansLight, verdana,arial,helvetica,sans-serif;
					font-size: 17px;
					line-height: 23px;
					font-weight: normal;
					margin-bottom: 0;
				}
				a:hover {
					color: @gris_neutral;
				}
			}
		}
	}
}

#content-inner #page-title.title-actu {
    font-size: 28px;
    line-height: 22px;
    color: @gris_neutral;
}
#page-title-secondary-actu {
	color: @gris_neutral;
	margin-top: 0;
}
body.popsu-actu-section #main-wrapper #content-wrapper #content {
	padding-top: 40px;
}


.title-actu.title-a-venir {
	display: none;
}
.title-actu.title-passees {
	display: block;
}


body.popsu-neutral-section #main-wrapper #content-wrapper #content-inner .listing-actu {

	h2.pane-title {
		font-size: 28px;
		line-height: 22px;
		color: @gris_neutral;
		font-family: OstrichSansBold,verdana,arial,helvetica,sans-serif;
    	text-transform: uppercase;
    }
    .views-field-title {
	 	color: @gris_neutral;
	    font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
	    font-size: 56px;
	    line-height: 49px;
	}
	.views-field-field-popsu-actu-soustitre {
		font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
		font-size: 20px;
		line-height: 50px;
	}
	.actu-col-img {
		float: left;
		margin: 0 26px 5px 0;
	}
	.actu-col-body {
		margin-left: 246px;
	}

}

body.popsu-listing-actu {
	h1#page-title {
		display: none;
	}

}

#content-inner .listing-actu-avenir {
	.views-row  {
		padding-bottom: 10px;
		margin-bottom: 25px;
		border-bottom: 1px solid #000;
	}
	.view-content {
		margin-bottom: 45px;
	}
}
#pane-actu-passees.layout-88p {
	width: 100%;

	.panels-flexible-column.panels-flexible-column-accordion-h2-layout-1.panels-flexible-column-first {
		width: 100%;
	}
}
#content-inner .listing-actu-passe {
	h2.pane-title {
		margin-bottom: 7px;
	}
	.views-row-last  {
		padding-bottom: 0px;
		margin-bottom: 25px;
		border-bottom: 1px solid #000;
	}
	.actu-pseudo-title {
		font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
		font-size: 20px;
		line-height: 20px;
	}
	.actu-pseudo-subtitle {
		font-family: OpenSansSemiBold, verdana,arial,helvetica,sans-serif;
		font-size: 20px;
		line-height: 20px;
	}
}

body #cboxClose,
body #cboxPrevious,
body #cboxNext {
	border: 0;
}

/* A REPRENDRE ET ETENDRE A TOUS LES TYPES DE CONTENUS */
body.panel-theme-europe #content-inner h1#page-title {
	display: none;
}
body.panel-theme-europe .panels-flexible-row-popsu-74-26-stacked-8.panels-flexible-row-first {
	display: none;
}
body.panel-theme-europe #content-inner .panels-flexible-region-popsu-74-26-stacked-right{
	border-top: 1px solid #000;

	.accordion-trigger,
	.accordion-h2{
		border-bottom: 1px solid #000;
	}
	.accordion-h2-panel{
	  margin-bottom: 0px;
	  padding-bottom: 5px;
	}

	.accordion-trigger .views-field,
	.accordion-h2-layout .accordion-content .views-label,
	.accordion-h2-views .view-header,
	.accordion-h2-panel > h2.pane-title {
		border-top: none;
	}

	#accordion-h2-publication-europe .accordion-trigger {
		border-bottom: none;
	}
	#accordion-h2-publication-europe {
		border-bottom: 1px solid #000;
	}
}


/*
#footer {
	display: none;
}
*/
#custom-search-blocks-form-1 {
	.form-item-custom-search-types {
		display: none;
	}
	.form-actions {
		border: none;
		background: none;
		margin: 0;
		padding: 0;
	}
	.form-item-custom-search-blocks-form-1, #edit-actions, .form-actions:before, .form-actions:after {
		display: inline;
	}
	label, input, #edit-submit {
		display: inline-block;
	}

}


body.page-search.popsu-neutral-section #main-wrapper #content-wrapper #content-inner,
body.popsu-neutral-section.page-search #main-wrapper #content-wrapper #content-inner {
	margin-right: 100px;
	min-height: 450px;
}
body.page-recherche.popsu-neutral-section #main-wrapper #content-wrapper #content-inner {
	min-height: 450px;
}

#accordion-h2-lire-aussi {
	.view-content {
		padding-top: 8px;
	}
	a {
		color: #1A171A;
	}
	h3 {
		font-weight: normal;
		font-style: italic;
		 font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
	}
}

.captioned .flex-caption {
	position: relative;
	z-index: 2;
	margin-top: -35px;
}
body.node-type-popsu-ville .captioned .flex-caption {
	margin-top: -20px;
}