/*  
Theme Name: Slaur
Theme URI: www.slaur.fr
Description: Thème Wordpress pour Slaur
Author: CCE
Author URI: www.cce-organisation.fr
*/

.page-nos-prestations .section-content {
	position:relative;
	padding:50px 0 0;
}
.notresolution .intro {
	padding-bottom:20px;
	text-align: justify;
}
.notresolution .gris {
	background-color:#fafafa;
	padding:100px 0;
}
.page-nos-prestations h2 {
	display:block;
	color:#ce1139;
	border:none;
	padding:0;
	text-transform:uppercase;
	font-family: "Open sans", sans-serif;
	font-size:18px;
	font-weight:700;
	margin-bottom:20px;
	text-align:left;
}
.page-nos-prestations h2.h2 {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
	font-family:"Oswald", sans-serif;
	font-size:24px;
	font-weight:500;
	padding:20px 40px;
	color:#707070;
	border:solid 1px #707070;
	text-transform: none;
	text-align:center;
}

.page-nos-prestations ul {
	padding:0 0 0 20px;
}
.page-nos-prestations ul li {
	line-height:28px;
	list-style-position:outside;
	list-style-image:url('../img/ico-goutte.png'); 
}
.page-nos-prestations ul li::before {
	display:none;
	vertical-align:top;
	content:"";
	background-image:url('../img/ico-goutte.png');
	background-repeat:no-repeat;
	width:15px;
	height:22px;
	background-size:cover;
	margin-right:10px;
}
.desalcoolisation,
.boissons,
.packagings,
.professionnels,
.valeurs {
	padding:80px 0!important;
}
.packagings,
.valeurs {
	padding-bottom:0!important;
}
.desalcoolisation::before,
.boissons::before,
.packagings::before,
.professionnels::before,
.valeurs::before {
	content:"";
	position:absolute;
	width:100px;
	height:8px;
	background-color:#707070;
	top:-4px;
	left:50%;
	transform: translateX(-50%);
}
.nos-prestations h3 {
	margin:40px auto 30px;
	text-align:left;
	font-family: "Open sans", sans-serif;
	font-weight:700;
	font-size:16px;
}
.nos-prestations ul li::before {
	display:none;
}
.nos-prestations ul {
	padding:0;
	list-style: none;
}
.nos-prestations ul li {
	text-align:center;
	margin-bottom:20px;
	list-style-image:none;
	list-style-position: inside;
}
.nos-prestations li .prestation {
	display: flex;
	flex-direction: column;
}
.nos-prestations ul li img {
	max-width:160px;
	margin:0 auto 20px;
}

.valeurs ul {
	list-style:none;
	padding:0;
}
.valeurs ul li {
	float:left;
	width:100%;
	text-align:center;
	text-transform: uppercase;
	font-size:20pt;
	font-style:italic;
	margin:0 auto 40px;
	list-style-image:none;
	list-style-position: inside;
}
.valeurs ul li::before {
	display:none;
}

@media(min-width:768px) {
	.notresolution .intro {
		font-size:16px;
	}
	.notresolution .photo,
	.desalcoolisation .photo,
	.boissons .photo,
	.packagings .photo,
	.professionnels .photo {
		width: calc(100% - 30px);
		min-height: 300px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: -330px;
		left: 0;
	}
	.boissons .photo,
	.packagings .photo {
		background-size:100%;
	}
	.desalcoolisation .photo {
		top:-140px;
		right:0;
		left:auto;
	}
	.packagings .photo {
		top:auto;
		bottom:-80px;
		right:0;
		left:auto;
		background-position: bottom right;
	}
	.packagings .background-photo {
		background-position: bottom right;
		background-size: auto 60%;
		background-repeat: no-repeat;
	}
	.packagings .background-photo .texte {
		min-height:500px;
		max-width:70%;
	}
	.professionnels .photo {
		top:-80px;
		left:0;
		min-height:calc(100% + 160px);
	}
	.page-nos-prestations h2 {	
		font-size: 22px;
	}
	.nos-prestations ul li {
		float:left;
		padding:0 30px;
	}
	.nos-prestations ul li:first-child {
		padding-left:0;
	}
	.nos-prestations ul li img {
		max-width:60px;
	}
	.valeurs ul li {
		width:50%;
		text-align:left;
	}
}

@media (min-width:992px) {
	.desalcoolisation::before,
	.boissons::before,
	.packagings::before,
	.professionnels::before,
	.valeurs::before {
		width:150px;
	}
	.notresolution .photo, 
	.desalcoolisation .photo,
	.boissons .photo,
	.packagings .photo {
		min-height:400px;
	}

	.page-nos-prestations h2 {	
		display:inline-block;
		font-size: 26px;
		font-weight:700;
	}
	.lang-es .page-nos-prestations h2 {
		font-size:24px;
	}
	.notresolution h2 {
		text-align:left;
	}
	.desalcoolisation h2 {
		text-align:right;
	}
	.nos-prestations ul li {
		padding:0 20px;
	}
	.nos-prestations ul li img {
		max-width:80px;
	}
}

@media (min-width:1200px) {
	.desalcoolisation::before,
	.boissons::before,
	.packagings::before,
	.professionnels::before,
	.valeurs::before {
		width:200px;
	}
	.notresolution .photo, 
	.desalcoolisation .photo,
	.boissons .photo,
	.packagings .photo {
		min-height:500px;
	}
	.nos-prestations ul li img {
		max-width:100px;
	}
	.boissons {
		padding:140px 0!important;
	}
}

@media (max-width:1200px) {
	.boissons .photo {
		top:-200px;
	}
	.packagings .background-photo .texte {
		max-width:80%;
	}
	.packagings .background-photo {
		background-size:55%;
	}
}
@media (max-width:767px) {
	.page-nos-prestations h2.h2 {
		font-size:20px;
	}
	.notresolution .gris {
		padding:0px 0 40px;
	}
	.notresolution .photo,
	.desalcoolisation .photo,
	.boissons .photo,
	.packagings .photo,
	.professionnels .photo {
		width: 100%;
		min-height: 200px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		display:inline-block;
		margin:20px auto 20px;
	}
	.boissons .photo,
	.packagings .photo {
		background-size:100%;
	}
	.boissons .photo {
		top:-200px;
		min-height:280px;
		background-size:auto 100%;
	}
	.packagings .background-photo {
		background-repeat:no-repeat;
		background-position: bottom right;
		padding-bottom: 100px;
	}
	.packagings .background-photo .texte {
		max-width:100%;
	}
	.professionnels,
	.boissons {
		padding-top:0!important;
	}
	.valeurs h2 {
		text-align:center;
		margin-bottom:40px;
	}
}