atreal-publik-themes/static/coprec/_custom.scss

@import '../../publik-base-theme/static/includes/font-din';

#header-wrapper {
        background: transparent;
	padding-left: 10px;

	div#header {
		padding-bottom: 3em;

		#logo {
			a {
				background: url(img/logo.png) bottom left no-repeat;
				background-size: 200px;
				height: 105px;
				line-height: 150px;
				font-weight: normal;
				display: block;
				color: #3c3b3c;
				padding-left: 230px;
				text-indent: -10000px;
			}
		}

		#toplinks {
			padding-top: 0;
		}
	}
}

/* ne pas afficher la navigation */
nav {
	display: none;
}

/* pour contenir l'image de bandeau, le titre et le sous-titre */
#bandeau {
	width: 100%;
	background-color: transparent;
	background-position: top 30%  center;
	background-repeat: no-repeat;
	background-image: url('/static/coprec/img/ipc V3.jpg');
	background-size: cover;
	position: relative;

	#bandeau-wrapper {
		min-height: 180px;
		max-width: #{$width};
		margin: 0 auto;
		padding-left: 20px;
		padding-bottom: 20px;

		h1,h2,h3,h4,h5,h6,p,span {
			margin: 0;
			font-size: 2em;
			font-weight: normal;
			color: #3c3b3c;
		}
		h1 {
			padding-top: 2rem;
			font-size: 3.5em;
			font-weight: bold;
			font-family: Arial;
		}
	}
}
body.has-picture #bandeau {
	background-image: var(--page-picture);
}

div#main-content-wrapper {
	background: white;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 1rem;
	box-sizing: border-box;
}

/* custommization des titres avec un soulignage */
div#tracking-code h3,
div#rub_service h2,
div#rub_service div.category h3,
.gru-content div.a2-block h2,
.gru-content div.block h2,
div.links-list h2,
div#services > ul > li > strong > a,
.gru-content div.textcell h2,
.gru-content div.textcell h2:first-child,
.gru-content div.cell h2:first-child {
	background: transparent;
	color: $font-color;
	font-size: 150%;
	font-weight: bold;
	padding-left: 0.5rem;
	text-align: left;
	&::after {
		display: block;
		content: "";
		background: $primary-color;
		margin-top: 7px;
		width: 40px;
		height: 4px;
	}
}

#footer {
	min-height: 130px;
	text-align: center;
}

.partners .partner {
	display: inline-block;
	margin: 0 20px;
	width: 80px;
	height: 80px;
	background-size: 80px 80px;
}
.partners .partner.apave {
	background-image: url(/static/coprec/img/logo_Apave2-110px.jpg);
}
.partners .partner.veritas {
	/*width: 100px;
	height: 100px;*/
	background-image: url(/static/coprec/img/logo_BureauVeritas2-100px.jpg);
}
.partners .partner.dekra {
	background-image: url(/static/coprec/img/logo_Dekra2-110px.jpg);
}
.partners .partner.qualiconsult {
	background-image: url(/static/coprec/img/logo_GroupeQualiconsult-110px.jpg);
}
.partners .partner.sgs {
	background-image: url(/static/coprec/img/logo_SGS2-110px.jpg);
}
.partners .partner.socotec {
	background-image: url(/static/coprec/img/logo_Socotec2-110px.jpg);
}

/* ajustements petits écrans (mobiles) */
@media screen and ($max-mobile-viewport){

	#header-wrapper {

		#logo {
			padding-left: 0;

			/*
			a {
				padding-left: 0;
				max-width: 90%;
				background-size: contain;
				left: 0;
			}
			*/
		}

		#toplinks {
			border-right: 1px solid #00d3cc;
			right: 1em;
			max-width: 90%;
			text-align: right;
			border-bottom-right-radius: 1em;
			padding-right: 1em;
		}
	}

	#nav-wrapper {
		margin-top: -48px;

		div.gru-nav > ul {
			padding-top: 0;
			margin-top: 0;

			> li:first-child a {
				padding-left: 20px;
			}
		}
	}
}
/* fin ajustement petits écrans */

/* surcharges Landing page */
body.page-template-landing_page {

	background-position: center  center;
	background-repeat: no-repeat;
	background-image: url('/static/coprec/img/ipc V3.jpg');
	background-size: cover;

	#header-wrapper div#header {
		padding-bottom: 2em;
	}

	#bandeau {
		background-color: transparent;
		background-image: none;

		#bandeau-wrapper {
			min-height: inherit;
			padding-left: 10px;
			padding-bottom: 20px;

			h1 {
				padding-top: 0;
			}
		}
	}

	#page nav::after {
		background-image: none;
		display: none;
	}

	#main-content-wrapper {
		background: transparent;
		margin-top: 0;
		padding-left: 0;
		padding-top: 0;
		padding-right: 1ex;

		#content {
			max-width: 600px;

			li {
				list-style-type: none;
				padding-bottom: 0.5ex;
			}

			li::before {
				content: " - ";
				font-weight: bold;
			}

			.cell.textcell {
				background-color: transparent;
			}
		}
	}

	.partners .partner {
		margin: 0 15px;
		width: 60px;
		height: 60px;
		background-size: 60px 60px;
	}

	#partners-text {
		max-width: 600px;
		text-align: center;
	
		* {
			maring: 0;
		}
	}

	#call-to-action {
		margin-top: 4em;

		.cell {
			margin: 2em 0;
		}
		.cell:first-child {
			margin-top: 0;
		}
		.cell:last-child {
			margin-bottom: 0;
		}

		a {
			background-color: #3f4c60;
			color: white;
			font-weight: bold;
			display: inline;
			border-radius: 10px;
			margin: 0 10px;
			padding: 0.7em 1em;
		}
		a:hover {
			background-color: #3f4c60 !important;
			color: white !important;
			font-weight: bold !important;
		}
	}

	#footer-wrapper {
		background: transparent;
		padding: 0;
	}
}
body.page-template-landing_page.has-picture {
	background-image: var(--page-picture);
}
/* fin surcharge landing pages */

// steps
@include desktop-vertical-steps() {
	.wcs-step {
		font-size: 1.1em;
		padding-left: 0;
		&--label {
			margin-left: 0;
		}
		&.current {
			background-color: $primary-color;
		}
		&.current & {
			&--label {
				color: #fff;
			}
		}
	}
}