/*  
Theme Name: Slaur
Theme URI: www.slaur.fr
Description: Thème Wordpress pour Slaur
Author: CCE
Author URI: www.cce-organisation.fr
*/
.bg-chiffre {
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	color:#fff;
	position:relative;
}
.bg-chiffre .texte {
	position: absolute;
	width: calc(100% - 40px);
	top: 50%;
	transform: translateY(-50%);	
}
.bg-chiffre .texte,
.bg-chiffre .texte p {
	font-size:20px;
}
.bg-chiffre .texte strong {
	font-size:34px;
}
.case-1, .case-2, .case-3,
.case-6, .case-7,
.case-13 {
	min-height:400px;
	padding:0 20px;
	margin-bottom:20px;
}
.case-4, .case-5,
.case-11, .case-12 {
	min-height:190px;
	padding:0 20px;
	margin-bottom:20px;
}
.case-8, .case-9, .case-10 {
	min-height:120px;
	padding:0 20px;
	margin-bottom:20px;
}
@media(max-width:767px) {
	.bg-chiffre .texte,
	.bg-chiffre .texte p {
		font-size:16px;
	}
	.bg-chiffre .texte strong {
		font-size:28px;
	}
	.case-1, .case-2, .case-3,
	.case-6, .case-7,
	.case-13 {
		min-height:320px;
	}
	.case-4, .case-5,
	.case-11, .case-12 {
		min-height:150px;
	}
	.case-8, .case-9, .case-10 {
		min-height:93px;
	}
}
@media(max-width:1199px) {
	.bg-chiffre .texte,
	.bg-chiffre .texte p {
		font-size:18px;
	}
	.bg-chiffre .texte strong {
		font-size:28px;
	}
	.case-1, .case-2, .case-3,
	.case-6, .case-7,
	.case-13 {
		min-height:340px;
	}
	.case-4, .case-5,
	.case-11, .case-12 {
		min-height:160px;
	}
	.case-8, .case-9, .case-10 {
		min-height:100px;
	}
}

.timeline {
	position: relative;
	padding:0px 0px 0px;
	margin:0px;
	list-style: none;
	text-align:center;
}
.timeline li {
	display:inline-block;
	vertical-align:top;
	position: relative;
	text-align: right;
	padding:10px 0px;
	width:100%;
}
@media (min-width:768px) {
	.timeline li:nth-child(even) > div.col-xs-12 {
		padding-right:40px;
	}
	.timeline li::before {
		content:"";
		position:absolute;
		width:20px;
		height:20px;
		background-color:#707070;
		border-radius:20px;
		left:calc(50% - 10px);
		top:calc(50% - 10px);
	}
	.timeline li:nth-child(odd) > div.col-xs-12 {
		float:right;
		text-align:left;
		padding-left:40px;
	}
	.timeline .line {
		border-left:solid 1px #707070;
		position:absolute;
		width:2px;
		height:100%;
		left:calc(50% - 1px);
		top:0px;
	}
}
.timeline li h3 {
	color:#ce1139;
	font-size:28px;
	font-family:'Oswald', sans-serif;
	font-weight:500;
	margin:20px 0px 10px;
}

#nosactivites .description img {
	max-width:115px;
}
.paragraphe {
	padding:40px 0;
}
.paragraphe h3 {
	font-family:"Oswald",sans-serif;
	font-weight:500;
	font-size:30px;
	margin:20px 0px;
}
.paragraphe .description {
	text-align:left;
}

@media(max-width:767px) {
	.page-societe .video-responsive {
		margin-bottom:40px;
	}
	.timeline li {
		text-align:center;
		padding-bottom:100px;
	}
	.timeline li::before {
		content:"";
		position:absolute;
		width:20px;
		height:20px;
		background-color:#707070;
		border-radius:20px;
		left:calc(50% - 10px);
		bottom:50px;
	}
	.timeline li::after {
		content:" ";
		border-left:solid 1px #707070;
		position:absolute;
		width:2px;
		height:100px;
		left:calc(50% - 1px);
		bottom:5px;
	}
	.timeline li:last-child {
		padding-bottom:0;
	}
	.timeline li:last-child::before,
	.timeline li:last-child::after {
		display:none;
	}
}