@charset "UTF-8";
/* CSS Document */

/* temoignages elearning */
.temoignage-elearning {
	background-color: #f0f0f0;
    background-image: url(../../style/images/temoignages/temoignages.jpg);
    background-size: cover;
	background-position: center;
    margin: 0px;
	padding-top: 30px;
	padding-bottom : 30px;
}

.temoignage-elearning .patchwork {
	display: block;
	margin-bottom: 25px;
	background-color: #FFF;
	padding : 30px 20px;
	background-image: url(../../style/images/temoignages/quote.png);
	background-repeat: no-repeat;
    background-position: center 30%;
	-moz-box-shadow: 2px 2px 0px 0px #dbdbdb;
	-webkit-box-shadow: 2px 2px 0px 0px #dbdbdb;
	-o-box-shadow: 2px 2px 0px 0px #dbdbdb;
	box-shadow: 2px 2px 0px 0px #dbdbdb;
}

.temoignage-elearning h1 {
    font-family: 'Roboto Condensed', arial, sans-serif;
	font-size: 3em;
    font-weight: 500;
    text-transform: uppercase;
    color: #454545;
    letter-spacing: 2px;
    display: block;
}

.temoignage-elearning h3 {
    font-family: 'Roboto Condensed', arial, sans-serif;
	font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
    color: #454545;
    letter-spacing: 2px;
    display: block;
	padding-bottom: 10px;
}
.temoignage-elearning .logo-entreprise {
	padding:15px;
	max-width:150px;
}

.temoignage-elearning .temoignage-photo {
    border-radius: 100px;
    width: 100px;
    height: 100px;
    border: solid 3px #37A75F;
}

.temoignage-elearning .quote {
		position: relative;
		padding: 20px 30px;
		font-family: 'Roboto', arial, sans-serif;
		font-weight: 400;
		font-size : 1.3em;
		margin-top: 0px;
		text-align:center;
		font-style:italic;
		color : #373838;
		padding-bottom: 15px;
}

.quote:before, .quote:after {
	position: absolute;
	width: 30px;
	height: 30px;
	font-size: 80px;
	line-height: 1;
}
.quote:before {
	top: 10px;
	left: 0;
	content: "\201C";
	color: #dedede;
}
.quote:after {
	bottom: 15px;
	right: 20px;
	content: "\201D";
	color: #dedede;
}






.temoignage-elearning .nom {
	font-family: 'Roboto', arial, sans-serif;
	font-size : 1em;
	text-align:center;
	padding-top: 10px;
}

.temoignage-elearning .poste {
	font-family: 'Roboto', arial, sans-serif;
	font-weight: 400;
	font-size : 1.3em;
	text-transform:uppercase;
	margin-top:10px;
	color : #37A75F;
	text-align:center;
}
.temoignage-elearning .poste b {
	font-weight: 800;
}

/* succes stories */
.temoignages-liste h4 {
	text-align:left;

}

.temoignages-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    margin: 0 -15px 0;
    width: auto;
    max-width: none;
}

.temoignages-liste .btn-subttle:hover, .temoignages-liste .btn-subttle:focus, .temoignages-liste .btn-subttle:active, .temoignages-liste .btn-subttle.active {
    background: #CACACA !important
}


.temoignages-liste .btn.btn-subttle {
	margin-top : 20px;
	color: #FFFFFF !important;
	-webkit-box-shadow: inset 0 0 0 2px #FFFFFF !important;
    -moz-box-shadow: inset 0 0 0 2px #FFFFFF !important;
	box-shadow: inset 0 0 0 2px #FFFFFF !important;
}

.btn {
	margin-top:5px;
}

.temoignages-item {
    margin-bottom: 30px;
}

.temoignages-avatar {
    position: absolute;
    top: 23%;
    right: 20px;
    width: 70px;
    height: 70px;
    border-radius: 128px;
    margin-top: -32px;
}

.temoignage-nom {
    display: block;
    width: 80%;
    margin: 0;
}

.temoignages-poste {
    display: block;
    font-size: 1em;
	text-align:left;
    width: 80%;
	line-height:1.4em;
	color : #37A75F;
}

.temoignages-quote {
    color: #8c989e;
    display: block;
    font-size: 1em;
	text-align:left;
	font-style:italic;
	margin-top: 10px;
    width: 100%;
	line-height:1.3em;
}

.temoignages-container, .temoignages-container-full {
    -webkit-transition: background-color 200ms ease-in-out, opacity 200ms ease-in-out;
    transition: background-color 200ms ease-in-out, opacity 200ms ease-in-out;
    border-radius: 5px;
    background-color: #ffffff;
    display: block;
    height: 220px;
    margin: 0 15px 30px 15px;
    padding: 7px 20px;
    position: relative;
}

.temoignages-container .btn {
	margin : 15px 0;
   padding : 5px 20px 7px 20px;
}

.temoignages-container-full {
    background-position:right;
	background-repeat: no-repeat;
	height : 250px;
}

.temoignages-container-full h4  {
	font-size:1.5em;
	color:#ffffff;
	margin-top:10px;
	line-height: 1em;
	font-weight:100;
}
.temoignages-container-full .temoignages-poste {
	color:#ffffff;
	font-size:1.5em;
	width:75%;
	margin-top:10px;
	line-height:1em;
	font-weight:bold;
}
.temoignages-container-full .temoignages-quote {
	color:#ffffff;
	font-size:1.1em;
	width:70%;
}

.temoignage-seul {
}


.temoignage-seul h3, .temoignage-seul h3 {
	margin: 0px 0 5px 0;
	font-family: 'Roboto', sans-serif;
	line-height: 1.3em;
	text-align : center;
	color:#373838;
	text-transform : inherit;
}

.temoignage-seul h3 {
	font-size: 3em;
	font-weight:400;
}

.temoignage-seul h3 {
	font-size: 1.8em;
	font-weight:400;
	margin-top: 20px;

}


.temoignage-seul p, .temoignage-seul li {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight:300;
	text-align : justify;
	margin :10px 0;
	color: black;
}
.temoignage-seul .temoignages-poste {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight:300;
	text-align : center;
	margin : 0 0 20px 0;
	width:100%;
}
.temoignage-seul .small-quote {
	font-family: 'Roboto', sans-serif;
	color :#37A75F;
	font-size: 2em;
	font-weight:300;
	line-height:1.2em;
	font-style:italic;
	text-align : center;
	margin : 30px 0;
}

.temoignage-seul .temoignage-photo-wrap {

}

.temoignage-seul .temoignage-photo {
    border-radius: 144px;
    width: 144px;
    height: 144px;
    border: solid 3px #37A75F;
	position:absolute;
	margin:-110px 0px 0px -70px;

}
.temoignage-intro {
	margin-top: 50px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}
.temoignage-intro h3 {
	font-size: 2.3em;
	font-weight: 300;
	color: #37A75F;
	font-style: italic;
}
.temoignage-intro p {
	font-size: 1.3em;
	color: #373838;
	text-align : center;
}

/*
.temoignage-intro:before {
    width: 60px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: black;
    content: " ";
    display: block;
    margin-left: -30px;
}
*/
.tag-format {
	position: absolute;
	z-index: 999;
	bottom: 40px;
    right: 25px;
	width:43%;
	max-width:236px;

}

/* responsive text queries */
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 24px;
		line-height: 28px;
  }
  h3 {
    font-size: 22px;
  }
  h3 {
    font-size: 18px;
  }
}


@media screen and (max-width: 992px) {
	/*Témoignages liste*/
	.temoignages-container-full {
		padding : 2% 4%;
	}

	.temoignage-seul btn, .temoignage-seul input, .temoignage-seul div, .temoignage-seul span, .temoignage-seul h4 {
    	font-size: 90%;
	}
	.temoignages-container-full .temoignages-poste {
		margin-top : 5px;
		line-height: 1em;
		font-size: 15px;
	}
	.temoignages-container-full .temoignages-quote {
		margin-top : 5px;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.temoignage-seul btn, .temoignage-seul input, .temoignage-seul div, .temoignage-seul span, .temoignage-seul h4 {
    	font-size: 96%;
	}
}

@media (max-width: 480px) {

	/*Témoignages seuls*/
	.temoignage-seul .temoignage-photo {
		margin:-70px 0px 0px -70px;
	}

	.temoignage-intro {
		margin-top:100px;
	}

	.temoignage-seul btn, .temoignage-seul input, .temoignage-seul div, .temoignage-seul span, .temoignage-seul h4 {
    	font-size: 98%;
	}

	/*Témoignages liste*/
	.temoignages-container-full {
		padding : 2% 4%;
	}

	.temoignages-container-full h4{
		font-size: 20px;
	}

	.temoignages-container-full .temoignages-poste {
		margin-top : 5px;
		line-height: 1em;
		font-size: 15px;
	}
	.temoignages-container-full .temoignages-quote {
		margin-top : 5px;
		font-size: 12px;
	}
	.temoignages-liste .btn.btn-subttle .btn {
		margin-top:5px;
	}
	.temoignage-elearning h1 {
		font-size: 2.5em;
	}

	.temoignage-elearning h3 {
		font-size: 1.3em;
	}
	.temoignage-elearning .patchwork {
		padding : 20px;
	}

}

/* Témoignage avec sticky-wrapper */
.wrapper {
  width: 100%;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.sidebar {
  padding: 20px;
  width: 33%;
}
.content,
.sidebar {
  float: left;
}

/* The sticky */
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}
.temoignage-content{
	margin-top: 20px;
}
@media (max-width: 991px) {
	.sidebar {
	  width: 100%;
		top: 0px;
		padding-top: 0px;
	}
	.temoignage-content{
		margin-top: 0px;
	}
}
@media (max-width: 767px) {
	.sidebar {
		margin-top: 0px !important;
	}
}


/*---- NOUVELLE PAGE TÉMOIGNAGE ----*/
.rounded-pic {
  border-radius: 50px;
  width: 50px;
  height: 50px;
}
.mini-tem-video-cont {
  min-height: 180px;
  cursor: pointer;
	line-height: 18px;
  font-size: 16px;
}
.mini-tem-video-cont p {
	font-size: 18px;
}

.mini-tem-video-cont:hover {
  background: #37A75F;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
}

.mini-tem-video-cont:hover p {
  color:white;
}

.mini-tem-video-cont:hover .tem-source .poste, .mini-tem-video-cont:hover .tem-source .societe, .mini-tem-video-cont:hover .tem-source {
  color:white;
}


.grey-bordered {
  background: #f1f1f1;
  border-radius: 10px;
  padding: 10px 30px 0px 30px;
  margin: 10px 0px;
}

.greyer-bordered {
  background: #efefef;
  border-radius: 10px;
  padding: 10px 30px;
  margin: 10px 0px;
}

.tem-success, .tem-rs {
  min-height: 240px;
}

.tem-rs h3 {
  margin-top: 25px;
  line-height: 28px;
}

.tem-rs p {
  margin-bottom: 20px;
}

.tem-success {
  font-size: 22px;
  margin-bottom: 10px;
  line-height: 20px;
  font-family: 'Roboto Condensed', serif;
  font-weight: 500;
}

.tem-success .div-btn {
	position: absolute;
	bottom: 80px;
	width: 100%;
}

.tem-success .tem {
  font-style: italic;
  margin: 7px 0px;
	width: 80%;
}

.tem-success .nom {
  font-size: 16px;
}
.tem-success .poste {
  font-size: 16px;
  font-weight: bold;
}
.tem-success .societe {
	font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.tem-success .pic {
	margin-right: 0px;
	position: absolute;
	right: 15px;
	max-width: 80px;
}

.tem-catalogue {
  display: table;
  border-radius: 10px;
  padding-top: 10px;
  background-size: cover;
  border: none;
  background-color: #37A75F;
  margin-bottom: 15px;
  width: 100%;
}
.tem-catalogue p,
.tem-catalogue h3,
.tem-catalogue h4,
.tem-catalogue h3 {
  color : white;
}

.tem-catalogue h3 {
    font-size: 25px;
    margin-top: 15px;
    background-color: #333735;
    padding: 5px 10px;
    display: inline-block;
}

.tem-catalogue h4 {
  font-size: 20px;
}

.tem-first {
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 20px;
  font-weight: 300;
  position: relative;
  font-family: 'Roboto Condensed', serif;
}

.tem-first  .tem {
 color : #37a75f;
 font-style: italic;
 font-weight: bold;
 font-size: 25px;
 line-height: 27px;
 margin: 15px 0px;
}
.tem-first .nom {
  color : #373838;
  font-weight: bold;
}
.tem-first .poste {
  color : #373838;
  font-weight: bold;
}
.tem-first .societe {
  color : #373838;
  margin-bottom: 20px;
  text-transform: uppercase;
}



.mini-tem-video-cont {
  font-family: 'Roboto Condensed', serif;
  font-style: italic;
  line-height: 16px;
}
.tem-source {
  font-style:normal;
  display: table;
  font-weight: bold;
  vertical-align: bottom;
  margin-top: 5px;
}

.tem-source .poste {
 color : #37a75f;
 font-weight: bold;
}

.tem-source .societe {
 color : #37a75f;
 text-transform: uppercase;
 font-weight: 500;
}

.tem-ecrits {
  margin-bottom: 10px;
  line-height: 25px;
  font-weight: 300;
  position: relative;
  font-family: 'Roboto Condensed', serif;
}

.tem-ecrits .tem {
  font-style: italic;
  font-size: 22px;
  margin: 10px 0px;
}

.tem-ecrits .nom {
  font-size: 18px;
  font-weight: bold;
}

.tem-ecrits .poste {
  font-size: 18px;
  margin-bottom: 10px;
}

.tem-rs h3 {
  color: #5d749f;
  font-size: 25px;
}

.header-tem .section-title {
  font-family: 'Roboto Condensed', serif;
  font-weight: 700;
  font-size:2.2em;
  line-height: 1em;
  text-transform: uppercase;
  color: #848484;
  letter-spacing: 2px;
  display: block;
}

.btn-tem {
  bottom: 10px !important;
  padding: 5px 10px;
	margin-left: 25%;
}

.img-tem-ecrits {
	width: 100%;
	max-width: 180px;
	margin-top:30px
}

@media (max-width: 1199px) {
	.tem-first  .tem {
    margin: 10px 0px;
  }
	.tem-first  .societe {
		margin-bottom: 5px;
	}
	.tem-success, .tem-rs {
		min-height: 280px;
	}
	.tem-success .tem {
		width: 77%;
	}
}

@media (max-width: 991px) {
  .tem-first  .tem {
    font-size: 20px;
    line-height: 20px;
		margin-top:-10px;
		margin-bottom: 10px;
  }
  .tem-first .societe {
    margin-bottom: 5px;
  }
	.tem-success, .tem-rs {
		min-height: 230px;
	}
}
@media (max-width: 768px) {
	.tem-first {
		  padding-bottom: 0px;
	}
	.tem-success, .tem-rs {
		min-height: 210px;
	}
	.tem-success  .tem {
		font-size: 90%;
		width: 70%;
	}
	.tem-success .pic {
		max-width: 50px;
	}
	.tem-success .div-btn {
		position:inherit;
		bottom: inherit;
	}
	.img-tem-ecrits {
		margin-top: 0px
	}
}
@media (max-width: 540px) {
  .tem-success {
    height: 250px;
		padding-bottom: 0px !important;
	  margin-bottom: 0px !important;
  }
	.tem-first {
		padding-bottom: 0px !important;
	}
	 .tem-courtois {
		 height: 230px !important;
	 }
	 .tem-ecrits {
		 margin-top: -15px;
	 }
}
@media (max-width: 375px) {
  .tem-success {
    height: 265px;
	}
}
@media (max-width: 320px) {
  .tem-success {
    height: 300px;
  }
}

.page-temoignages .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0px;
  top:80px;
}

.page-temoignages .owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0px;
  top: 80px;
}

.page-temoignages .owl-theme .owl-controls .owl-buttons div {
  background: transparent;
  border:none;
  color: #616161;
}

.page-temoignages .owl-theme .owl-controls.clickable .owl-buttons div:hover {
  background: transparent;
  border:none;
  color: #37a75f;
}

.text-left {
	text-align: left !important;
}