html,body {
	overflow: hidden;
	overflow-y: scroll;
	position:relative;
}

.center {
	text-align: center;
}


.loader.active {
  opacity: 0;
}

.loader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 999999999;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform-origin: left 50%;
  transform-origin: left 50%;
  background-color: #fff;
}



section, aside, header, nav, footer {
	font-family: 'Montserrat', sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}



section.intro {
	min-height:790px;
	height: 100vh;
	background-image: url(../images/Oz-intro.jpg);
	background-position: center;
	background-size: cover;
	position:relative;
	background-color: #000;

}



section.intro span.propos {
	position: absolute;
  color: #fff;
  text-transform: uppercase;
  bottom: 70px;
  left: 70px;
  font-size: 1.2em;
  max-width: 500px;
}

section.intro .positionlogo {
	position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 100%;
  display: -webkit-flex;
  align-items: center;
  left: 70px;
}



section.intro .oz-logo {
	max-width: 400px;
	width:100%;
	height: auto;
}







section.intro .oz-seul {
	max-width:600px;
	width:100%;
	height:auto;
	position: absolute;
	top:0;
	right:0;
}

section.intro .angle {
	position: absolute;
	bottom:-1px;
	right:0;
	max-width:800px;
	height:auto;
}

section.a-propos {
  padding: 50px 0;
}
section.a-propos h2 {
	margin:0;
}

.svg-oeil {
	fill: transparent;
	stroke: #c9ba8d;
	stroke-width: 1.4px;
  width: 80px;

}

a.Telephone span {
	top: -10px;
  position: relative;
  margin-left: 10px;
	font-weight: 500;
}
a.Telephone {
	color:#fff;
	text-decoration: none;
}
a.Telephone:hover {
	text-decoration: underline;
}

section.envedettes .formations {
	background-color: #008996;
}
section.envedettes .conferences {
	background-color: #00a8b0;
}

section.envedettes .content {
	padding:80px 50px 50px;
	position: relative;
	box-sizing: border-box;
	height: 100%;
}
section.envedettes svg {
  margin-top: -20px;
	position: absolute;
  bottom: 40px;
	fill:#c9ba8d;
}
section.envedettes span {
	display: block;
	color:#fff;
}
section.envedettes span.subtitle {
  font-size: 1.2em;
	font-weight: 500;
	color:#c9ba8d;

}
section.envedettes span.title {
	font-size: 2.3em;
	font-weight: 400;
}

section.envedettes span.title,
section.envedettes span.subtitle {
	text-transform: uppercase;
}

section.envedettes span.description {
	margin: 10px 0 120px;
  font-size: 1.1em;
}


section.envedettes a {
	display: block;
  text-align: right;
	right: 50px;
	bottom: 50px;
	position: absolute;
}


section.envedettes svg {
	width:80px;
	height: auto;
}




section.missionvisionvaleurs .content {
	color:#fff;
	padding:50px;
}
section.missionvisionvaleurs.valeurs .content {
	color:#000;
}

section.missionvisionvaleurs .mission {
	background-color:#008996;
}
section.missionvisionvaleurs .vision {
	background-color:#00a8b0;
}
section.missionvisionvaleurs .valeurs {
	background-color:#45b9bf;
}

section.missionvisionvaleurs .title,
.propos-supplement .title2 {
	display: block;
	text-transform: uppercase;
	font-size: 2.5em;
}

section.missionvisionvaleurs p {
  margin: 20px 0 10px;
	font-size: 1.2em;
}



section.propos-supplement .content {
	padding:50px;
	position:relative;
	z-index:100;
}
section.propos-supplement .content.valeurs {
  padding-bottom: 0;
}
section.propos-supplement .content.valeurs hr {
	margin: 50px 0 0;
	border-color:#777;
}

section.propos-supplement svg.picto {
	width:75px;
	height:auto;
	display: block;
	fill:#c9ba8d;

}



section.propos-supplement .row {
	position:relative;
}
section.propos-supplement .row1 {
	color:#fff;
	background-color: #000;
}
section.propos-supplement .row1 .svg-angle-bottom,
section.propos-supplement .row3 .svg-angle-top {
	fill:#008996
}

section.propos-supplement .row1 .background {
	background-size: cover;
	background-attachment: fixed;
	opacity:.4;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

section.propos-supplement .row2 {
	background-color:#008996;
	color:#fff;
}


section.propos-supplement .title {
	font-size: 1.7em;
	text-transform: uppercase;
	font-weight: 500;
	margin: 15px 0;
	display: block;
}

section.propos-supplement .angle {
	line-height: 0;
}




section.calltoaction {
	position: relative;
	background-image: url(../images/calltoaction.jpg);
	background-size: cover;
	background-position: center center;
}
section.calltoaction .angle {
	position: absolute;
	bottom:-1px;
	left:0;
	max-width:800px;
	height:auto;
}

section.calltoaction .content {
	position: relative;
  z-index: 1000;
	padding-bottom: 400px;
}
section.calltoaction span {
	font-size: 2.8em;
  color: #706f6e;
	display:block;
  padding: 80px 0 40px;
}

.PageEquipe div.calltoaction,
.PageAPropos div.calltoaction {
  margin-bottom: 80px;
  margin-top: 0;
}


.PageTemoignages section.calltoaction .imagecredits {
  color: #333;
  font-weight: 500 !important;
	margin-top:15px;
}


.PageTemoignages section.calltoaction {
  margin-bottom: -65px;
}

.PageTemoignages section.calltoaction .svg-angle-top {
	fill:#fff;
}

section.temoignages {
	background-image: url(../images/lignes-courbes.svg);
	padding:90px 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
section.temoignages .title {
	font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  color: #706f6e;
}
section.temoignages .logo {
	margin-bottom:20px;
}
section.temoignages .logo img {
	width:auto;
	max-width: 100%;
}

.owl-buttons {
	display: none;
}


section.temoignages .content {
	font-size: .8em;
  line-height: 1.5em;
}
section.temoignages .content .inside {
	padding:0 10px;
}
section.temoignages .content .subtitle {
	font-weight: 500;
	text-transform: uppercase;
	margin-top:10px;
}


.PageEquipe section.formations .row.row3 {
  background-color: #000;
  color: #fff;
}
.PageEquipe section.formations .row.row3 span.title {
	color: #fff;
}
.PageEquipe section.formations .row.row3 .svg-angle-top {
	fill:#fff;
}
.PageEquipe section.formations .row.row3 .svg-angle-bottom-2 {
	fill:#fff;
	position: relative;
	z-index:100;
	width: 102%;
	bottom: -1px;
	left: -1%;
}

.PageEquipe section.formations .content.titre {
	padding-bottom:0;
}

.PageEquipe section.formations .content.right {
	border-left: 1px solid #008996;
	padding-top:0;
	padding-left:20px;
}
.PageEquipe section.formations .content.left {
	padding-top:0;
}



.PageEquipe section.formations .mantra {
	display: block;
	text-transform: uppercase;
  line-height: 120%;
	font-weight: 600;
	color:#c9ba8d;
}
.PageEquipe section.formations .textemantra {
	line-height: 120%;
	display: block;
	font-size: 90%;
}

.PageEquipe img.email {
	width: 50px;
  margin-top: 15px;
}

.PageConseils .content p {
	margin-bottom: 15px;
}


.PageConseils section.formations .content svg{
	position: relative;
	bottom:inherit;
	right:inherit;
	fill: #c9ba8d;
	stroke-width: 1px;
	stroke: #c9ba8d;
}
.PageConseils section.formations .content svg.svg-conseils_mobilisation,
.PageConseils section.formations .content svg.svg-conseils_optimisation
 {
	fill:none;
	stroke-width: 1.1px;
}


.PageFormations section.formations .content svg,
.PageConferences section.formations .content svg {
	fill: #c9ba8d;
}


section.formations span.slogan {
	display: block;
	text-transform: uppercase;
	color: #c9ba8d;
	font-size: 1.3em;
	font-weight: 500;
  line-height: 120%;
	margin-top: -15px;
	margin-bottom: 15px;
}


section.formations span.title {
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: 500;
	display: block;
	line-height: 120%;
	margin-bottom: 15px;
}
section.formations span.description {
	font-weight: 400;
	display: block;
	line-height: 120%;
}

section.formations span.description p {
	margin-bottom:10px;
}
section.formations span.description p:last-child {
	margin:0;
}

section.formations button {
  margin-top: 35px;
}

section.formations img.oz {
  width: 80px;
  height: auto;
  position: relative;
  left: 0;
  margin-bottom: 15px;
}
section.formations .row {position: relative; line-height: 0;}
section.formations .row .content,
section.temoignages-liste .row .content
 {
	padding: 50px;
	z-index:100;
	position: relative;
}
section.formations .row.row1 {
	background-color:#000;
	color:#fff;
}

section.formations .row.row1 .svg-angle-top,
section.formations .row.row1 .svg-angle-bottom,
section.formations .row.row5 .svg-angle-top {
	fill:#fff;
}
section.formations .row.row6 .svg-angle-bottom {
	fill:#008996;
}

section.formations .row.row3 {
	background:#fff;
	color:#000;
}
section.formations .row.row3 span.title {
	color:#555;
}
section.formations .row.row5 {
	background-color:#000;
	color:#fff;

}
section.formations .row.row3 + section.formations .row.PosLast svg {

}
section.formations .Pos6.Last + div svg {
	fill:#fff !important;
}

section.formations .row.row7 {
	background-color:#008996;
	color:#fff;
}
section.formations .row.row5 .svg-angle-bottom,
section.formations .row.PosLast .svg-angle-top
 {
	fill:#008996;

}

section.formations .content svg {
	height: 70px;
  width: auto;
  position: absolute;
  right: 40px;
  bottom: 40px;
}


section.temoignages-liste .content img {
	position: absolute;
  right: 50px;
  top: 50px;
	max-width:200px;
}
section.temoignages-liste .content .texte {
	padding-right: 300px;
	font-size: .9em;
}

section.temoignages-liste .content .Title {
	text-transform: uppercase;
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
  color: #666;
}
section.temoignages-liste svg {
	width:100%;
	height: auto;
}

section.temoignages-liste svg polyline {
  stroke-width: 1px;
}

div.calltoaction {
	margin-bottom:40px;
	margin-top:40px;
}
div.calltoaction span {
	font-size: 2.4em;
	display: block;
	color: #008996;
	font-weight: 300;
	padding-right: 400px;
}

div.calltoaction button {
	position: absolute;
	right: 80px;
	bottom: 0;
}

section.formations .background {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .3;
	background-size: cover;
	background-position: center bottom;
	background-attachment: fixed;
}




.svg-angle-top {
	position: relative;top:-1px;
	width:101%;
}
.svg-angle-bottom {
	position: relative;
	bottom:-1px;
	width:101%;
}


#owl-carousel {
	padding-top: 90px;
  margin: 0 -10px;
}



#mediassociauxbar i {
	background-color: #fff !important;
	color:#000;
  font-size: 18px !important;
}

#mediassociauxbar a:hover i {
	background-color: #c9ba8d !important;
}

#mediassociauxbar.right {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

#mediassociauxbar.right i {
  right: 0 !important;
  border-right: 0 solid transparent !important;
}


.imagecredits {
	color: #ccc;
	font-size: 90%;
	padding-top: 50px;
	font-weight: 300;
}

nav.secondaire {
	left: 40%;
  right: 0;
  position: absolute;
  top: 20px;
}


nav.secondaire svg {
	width: 75px;
	height: 75px;
	display: inline-block;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	fill:#c9ba8d;
}
nav.secondaire svg polygon,
nav.secondaire svg path,
nav.secondaire svg rect
{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

nav.secondaire {
	text-align: center;
	height: 100%;
  right: 70px;
}
nav.secondaire a {
	text-decoration: none;
	color:#fff;
	display: block;
	position: relative;
	z-index: 100;
}
nav.secondaire a:hover {
	color:#ccc;
}
nav.secondaire a:before {
	position: absolute;
	left:-20px;
	right:-20px;
	top:-20px;
	bottom:-20px;
	background: #989a9d;
	opacity:0.7;
	content:" ";
	display: block;
	z-index:-1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
nav.secondaire a:hover:before {
	opacity:.5;
	visibility: visible;
}



nav.secondaire .row > div {
  margin: 0 20px;
}

nav.secondaire .row {
	justify-content: flex-end;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: flex;
	align-items: center;
	flex-direction: row;
	height: 100%;
}



nav.secondaire a:hover span {
	border-color:#000;

}

nav.secondaire a:hover svg {
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
	-webkit-transform: scale(1.1, 1.1); /* Safari */
	-moz-transform: scale(1.1, 1.1); /* Safari */
	-o-transform: scale(1.1, 1.1); /* Safari */
  transform: scale(1.1, 1.1);
}

nav.secondaire a:hover svg path,
nav.secondaire a:hover svg polygon,
nav.secondaire a:hover svg rect
 {
    fill: #333;
}

footer ul.nav {
	padding: 70px 0;
}

footer ul.nav a {
	font-size: 1.3em;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
  margin-right: 20px;
}
footer ul.nav li {
	display: inline-block;
}

footer img {
	width: 150px;
	height: auto;
}


footer .copyright {

}

footer .copyright a,
footer .copyright span
 {
	color:#fff;
	font-size: 1.1em;
	margin-left: 7px;
	margin-right: 7px;
	font-weight: 400;
}




section.main {
  margin-bottom: 70px;
}


.bigtitle {
	font-size: 1.6em;
  font-weight: 500;
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
  text-transform: uppercase;
  color: #008896;
  max-width: 500px;
	display: block;
	margin:0 auto;
}


.inner {
	max-width:1150px;
	margin-left:auto;
	margin-right:auto;
	padding:0 80px;
	position:relative;
}
.padding {
	padding:0 70px;
	position:relative;
}

.extrainner {
	padding:0 50px; /* de 200 à 100 / 13/04/2018 */ /* de 100 à 50 / 13/04/2018 */
}

.container-fluid {
	padding:0;
}


.col-centered{
    float: none;
    margin: 0 auto;
}

header.HomePage .logo {
	visibility:hidden;opacity:0;
}

header.HomePage .svg-mobilemenu g > rect,
header.HomePage .svg-mobilemenu g > polygon,
header.HomePage .svg-mobilemenu g > path {
	fill:#fff;
}
header.HomePage {
	background: transparent;
}

header.HomePage .locales a {
	border-color:#fff;
	color:#fff;
}


header {
	position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  height: 85px;
  width: 100%;
  z-index: 100000;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

header.HomePage .quickmenu {
	visibility:hidden;
	opacity:0;
}

header .quickmenu svg{
	fill:#c9ba8d;
}

header .quickmenu {
	text-align: right;
  right: 140px;
  position: relative;
	top: 10px;
}

header .quickmenu li {
  display: inline-block;
	margin-left:10px;
}
header .quickmenu a {
	text-decoration:none;
	color:#6d6e70;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
header .quickmenu a:hover{
	opacity:.5;
}

header .quickmenu span {
	text-transform: uppercase;
	font-size: 1.4em;
	top: -20px;
	position: relative;
}


header .quickmenu svg {
  width: 60px;
	height:auto;
}

header .svg-mobilemenu {
	width: 42px;
	height: auto;
	right: 48px;
	position: absolute;
	top: 20px;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.svg-mobilemenu g > rect,
.svg-mobilemenu g > polygon,
.svg-mobilemenu g > path {
	fill:#6d6e70;
}



header .svg-mobilemenu:hover {
	opacity:.5;
}

.locales {
	display: none;
}


header .logo {
	top: 20px;
	position: absolute;
	left: 48px;
	width: 360px;
	height: auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  z-index: 1000;
}


header .locales a {
	color: #6d6e70;
  text-decoration: none;
  font-size: 1.4em;
  font-weight: 500;
  width: 39px;
  height: 39px;
  display: block;
  border: 2px solid #6d6e70;
  text-align: center;
  line-height: 39px;
	position: absolute;
	right: 20px;
	top: 20px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
header .locales a:hover {
	opacity:.5;
}




/*
header nav.primary {
	padding-top:45px;
}
header nav.primary a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
    font-size: 1em;
    margin: 0 5px;
		border: 1px solid transparent;
		padding: 20px;
}
header nav.primary a:hover {
	border-color: #fff;
}
header nav.primary a.current,
header nav.primary a.section {
	border-color: #000;
}

header nav.primary li {
	display:inline-block;
	margin-bottom: 40px;
}
header nav.primary ul {
	text-align: center;
}
*/
nav.secondaire span {
	font-size: 1.6em;
	font-weight: 400;
	display: inline-block;
	padding-bottom:10px;
	border-bottom:2px solid rgba(255,255,255,0.3);
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

nav.primary.active {
	visibility: visible;
	opacity:1;
	-moz-transform: translate3d(-0,-0%,0);
	-webkit-transform: translate3d(-0,-0%,0);
	-ms-transform: translate3d(-0,-0%,0);
	-o-transform: translate3d(-0,-0%,0);
}

/*
nav.primary.HomePage {
	background: none;
}
nav.primary.HomePage a {
	color:#fff;
}
*/
nav.primary {
	position: fixed;
  z-index: 10000;
  top: 95px;
  right: 80px;
  max-width: 300px;
  background: rgba(255,255,255,.9);
  /* min-height: 85px;*/
	visibility: hidden;
	opacity:0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	transform: translate3d(100%,-0%,0);
	-moz-transform: translate3d(100%,-0%,0);
	-webkit-transform: translate3d(100%,-0%,0);
	-ms-transform: translate3d(100%,-0%,0);
	-o-transform: translate3d(100%,-0%,0);
}

nav.primary ul {
	border: 4px solid #ddd;
	padding: 0 10px;
}

nav.primary li {
	display:block;
  border-bottom: 1px solid #ccc;
}

nav.primary a {
	color:#6d6e70;
	text-transform: uppercase;
	text-decoration: none;
	padding:30px;
	display: block;
}
nav.primary a:hover {
	background-color: #fff;
}



section.suivez-nous {
	text-transform: uppercase;
}

section.suivez-nous .row {
	text-align: center;
}

section.suivez-nous span {
	display: block;
	font-size:3em;
	text-transform: uppercase;
	font-size: 1.65em;
  font-weight: 200;
}

section.suivez-nous .objet{
	padding-top: 50px;
	padding-bottom: 50px;
}

section.suivez-nous .objet span + span {
	margin-bottom: 20px;
}

section.suivez-nous a {
	color:#fff;
	background-color:#000;
	width:40px;
	height: 40px;
	border-radius: 100px;
	margin:0 10px;
	display: inline-block;
	font-size: 1.7em;
	line-height: 1.55em;
}

section.suivez-nous a:hover {
	background-color:#666;
}

.anglefooter {
	font-size: 0;
	width: 100%;
	left: -5px;
	position: relative;
	width: calc(100% + 10px);
	bottom:-1px;
}

.top-image {
	background-size: cover;
	position: relative;
	line-height: 0;
	background-color: #7cb0b1; /* cadetblue; */
  background-blend-mode: multiply;
}



.ie .top-image:before {
	content:" ";
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	background-color:#00646b;
	opacity:.75;
	display: block;
}

.top-image img {
	z-index: 100;
  position: relative;
	bottom:-1px;
	max-width: 1000px;
	left:-1px
}

h1 {
	font-size: 2.4em;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  max-width: 700px;
  padding-top: 200px;
  padding-bottom: 50px;
	line-height: 1em;
}

section.content {
  padding: 50px 0;
	background-image: url(../images/lignes-courbes.svg);
	background-size: 110% auto;
  background-repeat: no-repeat;
  background-position: center 400px;
}
section.content.no-background {
	background: none;
}
section.content + section.content {
  padding-top: 0;
	margin-top: -50px;
}

.inner .content {
  max-width: 800px;
}












footer a {
	text-decoration: none;
}

footer {
	background-color:#008896; color:#fff;
	font-size: 0.8em;
	padding-top: 30px;
	padding-bottom: 100px;
	font-weight: 400;
	z-index: 100;
  position: relative;
}

footer .suivez-nous {
	text-align: right;
  position: absolute;
  right: 70px;
  width: 45%;
	bottom: 0;
}

footer .suivez-nous a {
	color: #fff;
  font-size: 2.6em;
  border: 3px solid #fff;
  width: 55px;
  height: 55px;
  border-radius: 100px;
  display: inline-block;
  text-align: center;
  line-height: 55px;
	margin-left:6px;
	margin-top:12px;
}
footer .suivez-nous span {
	text-transform: uppercase;
	font-size: 1.7em;
	line-height: 1em;
	font-weight: 500;
	display: block;
}



body.HomePage footer {
	margin: 0;
}


footer .left {
	float: left;
}
footer .right {
	float: right;
}
footer .right a {
	color:#fff;
}
footer .right a:hover {
	text-decoration: underline;
}
/*
polygon.background {
	background-image:url(../images/Oz-Concept-fond-montagnes.jpg);
	background-size: cover;
}
*/





article .title {
	text-align: center;
	padding-bottom: 80px;
}
/*
.calltoaction {
	margin: 200px 0;
}

.calltoaction span {
	display:block;
}*//*
.calltoaction .content {
	text-align: center;
  font-weight: 300;
  font-size: 1.55em;
  padding: 40px 0;
  background: rgba(255,255,255,.95);
  display: block;
}
.calltoaction .content:before,
.calltoaction .content:after {
	display: block;
	position: relative;
	height:40px;
	background:rgba(255, 255, 255, 0.6);
	content:" ";
	width:100%;
}
.calltoaction .content:before {
	top: -80px;
}
.calltoaction .content:after {
	bottom: -80px;
}

.calltoaction:before {
	width:100%;
	height: 630px;
	background-image: url(../images/lignes_courbes.png);
	background-repeat: no-repeat;
	background-size: auto 630px;
	background-position: center center;
	content:" ";
	display: block;
	position:absolute;
	z-index:-1;
	margin-top: -170px;
}
*/
div.btn {
	display: inline-block;
	background: #000;
	color:#fff;
	text-transform: uppercase;
	position: relative;
	font-size: .75em;
  font-weight: 400;
  padding: 10px 20px;
  margin-top: 30px;
}
div.btn:before,
div.btn:after {
	width:1px;
	height: 100%;
	background: #000;
	content:" ";
	position: absolute;
	top: 0;
}
div.btn:before {
	margin-left: -24px;
}
div.btn:after {
	margin-left: 23px;
}
div.btn:hover {
	background:#666;
}
div.btn a {
	color:white;
	text-decoration: none;
}












/* google maps responsive */



.google-maps {
	margin-top:40px;
	position: relative;
	padding-bottom: 55%;
	height: 0;
	overflow: hidden;
	border: 1px solid #bbb;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}




.boxFlex1 {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	background-image: url(../images/fond-box-valeurs-xblack.jpg);
	background-size: cover;
}

.boxFlex1 .objet {
	width: 50%;
  padding: 100px;
  color: white;
  text-align: center;
}
.boxFlex1 p strong {
	text-transform: uppercase;
	line-height: 125%;
	display: block;
}
.boxFlex1 .objet p {
	font-size: 1.25em;
	line-height: 200%;
}
.boxFlex1 .objet:nth-child(4n+1) {
	background-color: rgba(0,117,128,0.3);
}

.boxFlex1 .objet:nth-child(4n+2) {
	background-color: rgba(0,117,128,0.5);
}

.boxFlex1 .objet:nth-child(4n+3) {
	background-color: rgba(0,117,128,0.7);
}

.boxFlex1 .objet img {
	width: 80px;
  height: auto;
}




section.flex1 {
  background-image: url(../images/fond-box-valeurs-xblack.jpg);
  background-size: cover;
}



.PageConseils .liste {
	/*background-color: #eee;*/
	background-color:rgba(255,255,255,.8);
}

.PageConseils .liste:before {
    content: " ";
    display: block;
    width: 100%;
    height: 40px;
    background: rgba(255,255,255,0.5);
    top: -40px;
    position: relative;
}


.PageConseils .liste img {
	width: 100px;
	height:auto;
}

.PageConseils .liste .objet {
	padding: 50px;
	vertical-align: middle;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.PageConseils .liste > div {
	display:inline-block;
	float:none;
	vertical-align: middle;
}

.PageConseils .liste .objet {
	text-align: center;
}

.PageConseils .liste .objet.conseils1,
.PageConseils .liste .objet.conseils4
 {
	/*background-color: #ddd;*/
}


a:hover h2 {
	border-color:#008896;
	color:#000;
}

#pagination {
	padding-top: 40px;
  padding-bottom: 40px;
}

#pagination a {
	width:45px;
	height:50px;
	background-color:#eee;
	display:inline-block;
	text-decoration: none;
	line-height: 50px;
	text-align: center;
	color:#ccc;
}
#pagination a.current {
	background-color: #888 !important;
	color:#fff !important;
}
#pagination a:hover {
	background-color:#ccc;
	color:#008896;
}

/*
.conferences button,
.PageConference button,
.PageFormation button {
	margin-top:30px;
}
.conferences h3 {
	margin-bottom:20px;
}
*/





.mobile1023 {
	display: none;
}
.mobile500 {
	display: none;
}
.nomobile1023 {
	display: none;
}
.nomobile500 {
	display: none;
}

.mobile767 {
	display: none;
}




/* BLOCS BOUTONS à DROITE
------------------------------------------- */

div.blocs-boutons {
	width: 100%;
	padding: 6px;
	height: 100px;
	overflow: hidden;
	position: fixed;
	bottom:0;
	right: 0;
	z-index: 10000;
	background-color: rgb(0,117,128);


}

div.blocs-boutons nav.secondaire {
	display: flex;
	justify-content: center;

}

div.blocs-boutons div.boutons {
	width: 100px;
	text-align: center;


}

div.blocs-boutons div.boutons svg {
	height: 60px;
	width: auto;

}

	div.blocs-boutons div.boutons span {
		text-transform: uppercase;
		font-size: 0.7em;
		font-weight: 700;
		border-bottom: 2px solid rgba(255,255,255,0.3);
		position: relative;
		bottom: 10px;
	}

	div.blocs-boutons div.boutons a {
		color: white;
		text-decoration: none;
	}

body.HomePage div.blocs-boutons { display: none;}


/* TEXTES ENTETE */

p.texte-entete {
	font-size: 1.65em;
	/*font-family: Bitter;*/
	font-weight: 700;
	text-align: center;
	line-height: 150%;
	margin: 0 100px 80px 100px;
	color: #BBBBBB;
}




/* PAGE EQUIPE
------------------------------- */


section.membres {
	position: relative;
}

body.notre-equipe div.content.typography  {
	text-align: center;
	margin: 0 0 80px 0; /* de 40px - 18/04/2018 */
}


body.notre-equipe div.content.typography h2 {

}

body.notre-equipe div.content.typography h3 {
	margin: 0 0 20px 0;
}

body.notre-equipe div.content.typography p  {
	margin: 0 0 40px 0;
}
/*
body.notre-equipe div.wave {
	width: 200%;
    height: 630px;
    background-image: url(../images/lignes_courbes.png);
    background-repeat: no-repeat;
    background-size: auto 630px;
    background-position: center center;
    display: block;
    position: relative;
	margin-left:-50%;
	margin-top: -40px;
}
*/
body.notre-equipe div.typography  aside {
	column-count: 2;
	column-gap: 40px;
	margin: 0 0 40px 0;
}


body.notre-equipe div.typography div.membre {
	//margin: 0 0 200px 0;
	/* position: relative; */
}

body.notre-equipe div.typography aside p {
	text-align: left;
}

body.notre-equipe div.typography div {
	margin: 0 0

}

/* membre 2 */

body.notre-equipe div.typography div.membre2 {
/*	margin: 0 0 300px 0;*/
}

body.notre-equipe div.typography div.membre2 h2,
body.notre-equipe div.typography div.membre2 p{
	color: white;

}
/*
body.notre-equipe figure.motif {
	display: none;

}*/





body.notre-equipe div.typography div.membre figure.motif {
	display: none;
}

body.notre-equipe div.typography div.membre2 {
	display: relative;
}

section.membres.membre2 {
  margin-top: -100px;
	padding: 200px 0;
}

section.membres.membre2 .motif:before,
section.membres.membre2 .motif:after {
	background-size: cover;
	background-position: center;
	position: absolute;
	content:" ";
	display: block;
	width:100%;
	left:0;
	height: 200px;
}

section.membres.membre2 .motif:before {
	background-image: url(../images/cache-blanche-haut.svg);
	top:0;
}
section.membres.membre2 .motif:after {
	background-image: url(../images/cache-blanche-bas.svg);
	bottom:0;
}




section.membres.membre2 figure.motif {
	display: block;
	position: absolute;
	background-image:url(../images/equipe-arriere-plan.jpg);
	background-position: center;
	background-size: cover;
	z-index: -1;
	width:100%;
	height:100%;
	top:0;
	left:0;


}

body.notre-equipe div.typography div.membre2 figure.motif img {
	width: 100%;
	height: auto;
	display: block;

}


/* PAGE TÉMOIGNAGE
------------------------------- */

body.temoignages div.content.typography div.temoignages  {
	margin: 0 0 100px 0;
	padding: 0 0 100px 0;
	border-bottom: 1px solid #bb963e;
}

body.temoignages div.content.typography div.temoignages:last-of-type {
	border-bottom: none;
}

	body.temoignages div.content.typography div.temoignages figure  {
		float: left;
		width: 200px;
		margin: 0 30px 0 0;
		/*background-color: #f2f2f2;*/
		background-image: url(../images/giphy.gif);
		background-repeat: no-repeat;
		background-position: center;
		min-height: 200px;
	}

	body.temoignages div.content.typography div.temoignages p  {
		text-align: right;
		margin: 0 0 10px 230px;
		line-height: 180%;
	}

	body.temoignages div.content.typography div.temoignages p.nom  {
		text-transform: uppercase;
		margin: 0 0 0 0;
		color: #008896;
		line-height: 100%;
	}

	body.temoignages div.content.typography div.temoignages p.entreprise  {
		color: #b7b7b7;
		font-style: italic;
		line-height: 100%;
	}





/* PAGE FORMATION
------------------------------------------*/


div.entete {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 50px 0;
	padding: 0 0 50px 0;
	border-bottom: 1px solid #ccc;
}

div.entete p.slogan {
	width: 30%;
	color: #008896;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 110%;
	text-align: right;
	padding: 0 20px 0 0;
	position: relative;
	top: 5px;
}

div.entete p.gauche-slogan {
	width: 70%;
	font-size: 1.1em;
	line-height: 200%;
}

/* PAGE HOME
------------------------------------------*/

body.home section.main {
	padding: 0 0 0 0;
}


.mobile, .mobile1023 {
	display: none !important;
}

@media screen and (min-width: 1600px) {





}

@media screen and (max-width: 1200px) {

	header {
		height: 70px;
	}

	header .logo {
	  width: 260px;
	}
	header .svg-mobilemenu {
    width: 33px;
	}
	header .locales a {
    width: 30px;
    height: 30px;
    line-height: 30px;
		font-size: 1.1em;
	}
	nav.primary {
    top: 80px;
		font-size: .9em;
	}
	nav.primary a {
		padding: 20px;
	}
	header .quickmenu {
		right: 145px;
	}
	header .quickmenu span {
    font-size: 1.2em;
    top: -16px;
	}
	header .quickmenu svg {
    width: 50px;
	}


}

@media screen and (max-width: 1100px) {


	section.intro .oz-logo {
    max-width: 300px;
	}
	nav.secondaire svg {
    width: 60px;
    height: 60px;
	}
	nav.secondaire {
    right: 30px;
	}
	nav.secondaire span {
    font-size: 1.4em;
	}

	.PageAPropos section.content .typography h2 {
	   padding-right: 220px;
	}
}

@media screen and (max-width: 1024px) {

	.extrainner {
		padding:0;
	}






}



@media screen and (max-width: 1023px) {

	/*.HomePage header {
    min-height: 520px;
	}*/


	.PageAPropos section.content .typography h2 {
		padding:0;
	}

	div.calltoaction span {
		padding-right:inherit;
		font-size: 1.6em;
		padding-bottom: 30px;
	}
	div.calltoaction button {
		position: relative;
		right: inherit;
		bottom: inherit;
	}



	.mobile1023 {
		display: block !important;
	}



	header nav.secondaire {
		padding-top: 120px;
	}

	nav.secondaire .row {
    justify-content: center;
	}
/*

	header nav.primary {
    padding-top: 45px;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
		background-color: rgba(0,136,150,0.95);
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		display: table;
    height: 100%;
    width: 100%;
		transform: translate3d(-0,-100%,0);
		-moz-transform: translate3d(-0,-100%,0);
		-webkit-transform: translate3d(-0,-100%,0);
		-ms-transform: translate3d(-0,-100%,0);
		-o-transform: translate3d(-0,-100%,0);
    z-index: 1000;
	}
	header nav.primary.active {
		visibility: visible;
		opacity: 1;
		transform: translate3d(-0,-0%,0);
		-moz-transform: translate3d(-0,-0%,0);
		-webkit-transform: translate3d(-0,-0%,0);
		-ms-transform: translate3d(-0,-0%,0);
		-o-transform: translate3d(-0,-0%,0);

	}
	header nav.primary li {
    display: block;
	}
	header nav.primary ul {
		vertical-align: middle;
    position: relative;
    display: table-cell;
		padding-top: 80px;
	}

*/
/*

	@keyframes FadeIn {
	  0% {
	    opacity: 0;
	    transform: scale(.1);
	  }

	  85% {
	    opacity: 1;
	    transform: scale(1.05);
	  }
	  100% {
	    transform: scale(1);
	  }
	}

	header nav.primary.active li{
	  animation: FadeIn 1s linear;
	  animation-fill-mode: both;
	}

	header nav.primary.active li:nth-child(1) { animation-delay: .1s }
	header nav.primary.active li:nth-child(2) { animation-delay: .2s }
	header nav.primary.active li:nth-child(3) { animation-delay: .3s }
	header nav.primary.active li:nth-child(4) { animation-delay: .4s }
	header nav.primary.active li:nth-child(5) { animation-delay: .5s }
	header nav.primary.active li:nth-child(6) { animation-delay: .6s }

*/







	section.intro .positionlogo {
		top: 90px;
    display: block;
    left: 0;
    right: 0;
    height: initial;
    margin: 0 auto;
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
    text-align: center;
	}
	/*
	nav.secondaire .row > div {
    margin: 10px;
	}*/
	nav.secondaire {
		height: inherit;
		left: 0;
    right: 0;
	}

	section.intro span.propos {
		text-align: center;
    left: initial;
    width: 100%;
    padding: 20px;
    display: block;
    right: initial;
    max-width: inherit;
    box-sizing: border-box;
		z-index:100;
	}
	section.intro {
		min-height: 490px;
	}


	section.temoignages {
    padding: 50px 0;
	}


	section.envedettes span.subtitle {
    font-size: .8em;
	}
	section.calltoaction .content {
    padding-bottom: 220px;
	}
	section.calltoaction span {
    font-size: 2em;
    padding: 40px 0 40px;
	}
	#owl-carousel	{
		padding-top:50px;
	}


	header .quickmenu span {
		display: none;
	}

	.PageEquipe div.calltoaction,
	.PageAPropos div.calltoaction {
	  margin-bottom: 40px;
	}



}

@media screen and (max-width: 991px) {

	footer .suivez-nous {
    width: 100%;
		position: relative;
		bottom: 0;
		margin-bottom:50px;
		right: inherit;
		text-align: left;
	}

	section.propos-supplement .content {
		padding:50px;
	}





}


@media screen and (max-width: 768px) {

	.inner {
    padding: 0 40px;
	}

	section.membres.membre2 {
	    margin-top: -50px;
	    padding: 150px 0;
		}

	section.membres.membre2 .motif:before,
	section.membres.membre2 .motif:after {
		height: 100px;
	}




	footer .right, footer .left {
		float:none;
	}


	header nav.secondaire svg {
    width: 60px;
    height: 60px;
	}
	header nav.secondaire span {
    font-size: 1em;
	}



	.title .picto img {
    width: 85px;
	}
	section.suivez-nous span {
    font-size: 1.2em;
	}
	section.suivez-nous a {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    font-size: 1.2em;
    line-height: 30px;
	}




}


@media screen and (max-width: 767px) {

	header .quickmenu {
    right: 60px;
	}

	header .logo {
		left:20px;
	}

	.inner {
    padding: 0 20px;
	}

	.padding {
    padding: 0 40px;
	}
	footer .suivez-nous {
    right: 40px;
	}

	.nomobile767 {
		display: none;
	}
	.mobile767 {
		display: block;
	}



	footer img {
		width: 80px;
	}
	footer .suivez-nous span {
		font-size: 1em;
	}
	footer .suivez-nous a {
		font-size: 1em;
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-width: 2px;
	}
	footer ul.nav {
		padding: 0px 0 40px;
	}
	footer .suivez-nous {
		margin-bottom: 20px;
	}
	.padding {
		padding:0 20px;
	}

	section.envedettes .content {
    padding: 40px 20px 20px;
	}
	section.envedettes span.title {
		font-size: 1.6em;
    font-weight: 500;
	}
	section.envedettes svg {
    position: relative;
	}
	section.envedettes a {
		position: relative;
		text-align: left;
		right:inherit;
		bottom:inherit;
	}
	section.envedettes span.description {
    margin: 10px 0 20px;
		font-size: 1em;
	}
	section.envedettes svg {
		bottom:inherit;
    width: 60px;
	}



	nav.primary a {
    padding: 10px;
	}

	header .logo {
    width: 55px;
		top: 19px;
	}

	nav.secondaire .row {
		justify-content: center;
		flex-direction: column;
	}
	nav.secondaire .row {
		padding-bottom: 30px;
	}
	footer .suivez-nous {
		text-align: left;
		right:inherit;
	}
	footer ul.nav li {
		display: block;
	}
	footer .suivez-nous a {
    font-size: 2em;
    width: 45px;
    height: 45px;
    line-height: 45px;
	}
	footer .suivez-nous .row > div {
		margin-bottom:20px;
	}
	footer ul.nav {
    padding: 0px 0 70px;
	}
	footer img {
		display: block;
		margin-bottom:20px;
	}
	footer .copyright a, footer .copyright span {
		margin-left:0;
	}

	section.calltoaction span {
    font-size: 1.7em;
		padding: 40px 0 40px;
	}
	header .locales a {
    width: 25px;
    height: 25px;
		line-height: 25px;
		font-size: 1em;
	}

	header .svg-mobilemenu {
    width: 29px;
    right: 20px;
	}


	section.temoignages-liste .content .texte {
    padding-right: 0;
	}
	section.temoignages-liste .content img {
    position: relative;
    right: inherit;
    top: inherit;
		margin-top:15px;
	}

	section.missionvisionvaleurs .title {
		font-size: 2em;
	}



	section.missionvisionvaleurs p {
		font-size: 1em;
	}
	section.missionvisionvaleurs .content {
    padding: 20px;
	}
	section.propos-supplement .content {
    padding: 20px;
	}

	section.formations span.title {
    font-size: 1.3em;
	}
	section.formations img.oz {
    width: 60px;
	}

	.PageEquipe section.formations .content.right {
		padding-left:50px;
		border-left:0;
	}


}




@media (max-width: 512px) {

	h1 {
		font-size: 1.5em;
    padding-top: 100px;
	}

	header .quickmenu {
		display: none;
	}

	section.intro span.propos {
    font-size: .8em;
		bottom:40px;
	}

		nav.secondaire svg {
			width: 55px;
			height: 55px;
		}
		nav.secondaire span {
			font-size: 1.2em;
		}
		footer {
	    padding-bottom: 30px;
		}

		section.content {
	    padding: 50px 0;
		}

		#pagination {
			margin-top:0;
		}
		#pagination a {
	    width: 35px;
	    height: 40px;
	    line-height: 40px;
		}

		section.formations .content svg {
			height: 60px;
		}

		nav.primary {
	    right: 50px;
	    left: 50px;
		}


}



@media (max-width: 736px) and (orientation: landscape) {


}