/*  
Theme Name: Slaur
Theme URI: www.slaur.fr
Description: Thème Wordpress pour Slaur
Author: CCE
Author URI: www.cce-organisation.fr
*/
.ui-widget-overlay {
	background:#666;
	opacity:0.8;
}
.ui-dialog {
	position:fixed!important;
	width:40%!important;
}
@media (max-width:767px) {
	.ui-dialog {
		width:80%!important;
	}
}
.ui-dialog .ui-dialog-titlebar {
	display:none;
}
.ui-widget-content {
	background-color:#ce1139;
	color:#fff;
}
.ui-corner-all {
	border-radius:0px;
}
.ui-widget.ui-widget-content {
	border:0px;
}
.popup {
	text-align:center;
	font-family:"Oswald",sans-serif;
	font-size:24px;
	padding:50px!important;
}
.popup h3 {
	text-transform:uppercase;
	opacity:.5;
	font-size:14px;
	letter-spacing:.5em;
	font-weight:400;
	margin-bottom:30px;
}
.popup .texte {
	text-align:center!important;
}
.popup .button {
	border-color:#fff!important;
	font-family:"Open sans",sans-serif!important;
	padding-top:0px;
}
.popup .button::before {
	display:none;
}
.popup .button:hover {
	background-color:#fff!important;
	color:#ce1139!important;
}

@media (max-width:991px) {
	.popup {
		font-size:22px;
	}
}
@media (max-width:767px) {
	.popup {
		font-size:18px;
		padding:50px!important;
	}
	.popup h3 {
		font-size:12px;
		margin-bottom:20px;
	}
	.popup .button {
		padding:2px 20px 6px;
	}
	.popup .button span {
		font-size:12px;
		line-height:12px;
	}
}

.breadcrumbs {
	text-align:left;
	font-size:12px;
	font-weight:lighter;
	text-transform:uppercase;
	color:#cdcdcd;
}
.breadcrumbs a {
	color:#cdcdcd;
	font-weight:lighter!important;
}
.breadcrumbs a:hover {
	color:#fbb900;
}
.page-content h1 {
	color:#fff;
}
.page-content h3 {
	text-transform:none;
	font-weight:700;
	color:#707070;
}

.section-content {
	padding:50px 0px;
}
.section-telecharger {
	padding:100px 0px;
}
.section-contactez-nous {
	padding:60px 0px;
}
.section-content:first-child {
	padding-top:100px;
}
.section-content h2 {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
	font-family:"Oswald", sans-serif;
	font-size:24px;
	padding:20px 40px;
	color:#707070;
	border:solid 1px #707070;
}
.section-content.blanc {
	background-color:#fff;
}
.section-content.gris {
	background-color:#fafafa;
}
.section-content img {
	margin-bottom:20px;
}
.bg-fixed {
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment: fixed;
}
.bg-fixed img.fixed {
	opacity:0;
}
@media (max-width: 768px) {
	.bg-fixed {
		background-attachment: inherit;
	}
}
/*
@media (min-width: 768px) and (max-width:1200px) {
	.bg-fixed {
		height:500px;
		background-size:120% auto;
	}
}
*/
.bg-banner {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:150px;
	opacity:0;
}
.bg-banner::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(0,0,0,.25);
  background: rgba(0,0,0,.25);
}
img.banner, .bg-banner img.banner {
	opacity:0;
}
.section-banner {
	position:relative;
	margin-top:60px;
	height:150px;
	background-color:#707070;
}
.section-banner .bloc-titre {
	position:absolute;
	top:50%;
	transform:translateY(-50%); 
	width: 100%;
	z-index: 10;
}
.section-banner .bloc-titre-1 {
	position:absolute;
	top:30%;
	width: 100%;
	z-index: 10;
}
.section-banner h1,
.section-banner h2 {
	width:100%;
	text-align:center;
	font-size:30px;
	font-family:'Oswald', sans-serif;
	letter-spacing:0.05em;
	color:#fff;
	font-weight:700;
}
@media (min-width:768px) {
	.section-banner {
		margin-top:90px;
	}
	.section-banner h1,
	.section-banner h2 {
		font-size:34px;
	}
	.bg-banner {
		height:200px;
	}
	.section-banner {
		height:200px;
	}
}
@media (min-width:992px) {
	.section-banner {
		margin-top:120px;
	}
	.section-banner h1,
	.section-banner h2 {
		font-size:38px;
	}
	.bg-banner {
		height:250px;
	}
	.section-banner {
		height:250px;
	}
}

.img-ombre {
 -webkit-box-shadow: -3px 10px 36px -17px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 10px 36px -17px rgba(0,0,0,0.75);
box-shadow: -3px 10px 36px -17px rgba(0,0,0,0.75);
}
.img-ombre-2 {
 -webkit-box-shadow: -3px 10px 14px -1px rgba(0,0,0,0.15);
-moz-box-shadow: -3px 10px 14px -1px rgba(0,0,0,0.15);
box-shadow: -3px 10px 14px -1px rgba(0,0,0,0.15);
}
.img-ombre-3 {
 -webkit-box-shadow: -3px 10px 36px -17px rgba(0,0,0,0.25);
-moz-box-shadow: -3px 10px 36px -17px rgba(0,0,0,0.25);
box-shadow: 0px 10px 26px -6px rgba(0,0,0,0.25);
}
.page .page-content.padding-top {
	padding-top:100px;
}

.bloc-telecharger,
.bloc-contactez-nous {
	background-color:#dddddd;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:45px 0;
	color:#707070;
}
.bloc-telecharger .link,
.bloc-contactez-nous .link {
	display:block;
	color:#707070;
	font-family:"Open Sans",sans-serif;
	font-size:24px;
	font-weight:700;
}
.bloc-telecharger .link::before,
.bloc-contactez-nous .link::before {
	display:block;
	margin-bottom:14px;
	content:"";
	width:74px;
	height:63px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/ico-book-open.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.bloc-contactez-nous .link::before {
	height:76px;
	background-image:url(../img/ico-mail.png);
}
.bloc-telecharger .link:hover,
.bloc-contactez-nous .link:hover {
	text-decoration:none;
}

.texte {
	text-align:left;
}
.button {
	display:inline-block;
	margin-top:20px;
	border:solid 2px #ce1139;
	background-color:#ce1139;
	padding:8px 30px;
	transition:all 0.2s;
}
.button span {
	color:#fff!important;
	font-family:"Open sans", sans-serif;
	font-weight:500;
	font-size:16px;
	line-height:16px;
}
.button::before {
	display:inline-block;
	content:"\f061";
	font-family:"FontAwesome";
	color:#fff;
	font-size:10px;
	line-height:22px;
	vertical-align:top;
	margin-right:4px;
}
.button:hover {
	background-color:transparent;
	color:#ce1139!important;
	text-decoration:none;
}
.button:hover span {
	color:#ce1139!important;
}
.button:hover::before {
	color:#ce1139;
}

.social a {
	position:fixed;
	width:40px;
	height:40px;
	background-color:#ce1139;
	font-size:0px;
	right:0;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	color:#fff;
}
.social a.linkedin::before {
	content:"\f0e1";
	font-family: "FontAwesome";
	color:#fff;
	font-size:28px;
	line-height:40px;
}

@media (min-width: 768px) {
	.section-content img {
		margin-bottom:0px;
	}
	.bloc-telecharger {
		width:100%;
	}
	.page-content {
		font-size:16px;
	}
}
@media (min-width: 992px) {
	.page-content h1 {
		font-size:44px;
	}
	.page-content {
		font-size:18px;
	}
}

.effet-down {
	opacity:0;
	transition:.5s opacity, .5s transform;
	transform:translateY(-40px);
}
.effet-down.visible {
	opacity:1;
	transform:translateY(0);
}
.effet-left-right {
	overflow:hidden;
}
.effet-left {
	left:-2000px;
	opacity:0;
}
.effet-right {
	right:-2000px;
	opacity:0;
}

.page-brochure .the-content .text {
	text-align: center;
}