@font-face {
font-family: 'Avenir-Light';
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Light.eot);
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Light.eot?#iefix) format('embedded-opentype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Light.woff2) format('woff2'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Light.woff) format('woff'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Light.ttf) format('truetype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Light.svg#Avenir-Light) format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Avenir-Medium';
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Medium.eot);
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Medium.eot?#iefix) format('embedded-opentype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Medium.woff2) format('woff2'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Medium.woff) format('woff'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Medium.ttf) format('truetype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Medium.svg#Avenir-Medium) format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Avenir-Heavy';
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Heavy.eot);
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Heavy.eot?#iefix) format('embedded-opentype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Heavy.woff2) format('woff2'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Heavy.woff) format('woff'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Heavy.ttf) format('truetype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Heavy.svg#Avenir-Heavy) format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Avenir-Black';
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Black.eot);
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Black.eot?#iefix) format('embedded-opentype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Black.woff2) format('woff2'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Black.woff) format('woff'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Black.ttf) format('truetype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/Avenir-Black.svg#Avenir-Black) format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Insignia';
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/InsigniaLTStd.eot);
src: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/InsigniaLTStd.eot?#iefix) format('embedded-opentype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/InsigniaLTStd.woff2) format('woff2'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/InsigniaLTStd.woff) format('woff'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/InsigniaLTStd.ttf) format('truetype'),
url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/fonts/InsigniaLTStd.svg#InsigniaLTStd) format('svg');
font-weight: normal;
font-style: normal;
} @-webkit-keyframes wd-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes wd-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
} body {
font-family: 'Avenir-Light', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5;
color: #333333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.light {
font-family: 'Avenir-Light';
}
.medium {
font-family: 'Avenir-Medium';
}
.heavy {
font-family: 'Avenir-Heavy';
}
.black {
font-family: 'Avenir-Black';
}
.insignia {
font-family: 'Insignia';
}
.uppercase {
text-transform: uppercase;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
line-height: 1.3;
}
h2 {
font-family: 'Avenir-Heavy';
margin-bottom: 25px;
font-size: 28px;
}
h3 {
font-family: 'Avenir-Medium';
}
.ft10 {
font-size: 10px !important;
}
.ft11 {
font-size: 11px !important;
}
.ft12 {
font-size: 12px !important;
}
.ft13 {
font-size: 13px !important;
}
.ft16 {
font-size: 16px !important;
line-height: 26px !important
}
.vert-clair {
color: #00B0A5;
}
.vert-clair2 {
color: #C3CC00;
}
.vert {
color: #067F91;
}
.jaune {
color: #FFD400;
}
.bleu {
color: #008DB4;
}
.marine {
color: #17005D;
}
.rouge {
color: #1C5588;
}
.bg-blanc {
background-color: #FFFFFF;
}
a, a:hover, .btn:hover {
font-family: 'Avenir-Heavy';
color: #FFFFFF;
text-decoration: none;
}
a:focus, .btn:focus {
outline: 0;
color: #FFFFFF;
box-shadow: none;
}
button:focus {
outline: 0 none;
}
.underline {
text-decoration: underline;
}
.hidden {
display: none;
}
.clear {
clear: both;
}
.flex {
display: flex;
}
.flex-center {
display: flex;
align-items: center;
}
.inline-flex-center {
display: inline-flex;
align-items: center;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.txt-center {
text-align: center;
}
.txt-right {
text-align: right;
}
.txt-left {
text-align: left;
}
.right {
float: right;
}
.left {
float: left;
}
.italic {
font-style: italic;
}
.center {
margin-left: auto;
margin-right: auto; 
}
.relative {
position: relative !important;
}
.absolute {
position: absolute !important;
}
.fixed {
position: fixed !important;
}
.inline-block {
display: inline-block;
}
.no-margin {
margin: 0!important;
}
.no-padding {
padding: 0!important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.no-letter-spacing {
letter-spacing: 0 !important;
}
.invisible {
visibility: hidden!important;
}
.visible {
visibility: visible!important;
}
.overflow-hidden {
overflow: hidden;
}
.anim500 {
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.btn, input[type="submit"] {
font-family: 'Avenir-Heavy';
font-size: 13px;
color: #FFFFFF;
letter-spacing: 0.2em;
padding: 14px 22px 13px;
border: 0;
border-radius: .25rem;
text-transform: uppercase;
background: rgb(23,0,93);
background: -moz-linear-gradient(90deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 85%);
background: linear-gradient(90deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#17005d",endColorstr="#00b0a5",GradientType=1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
input[type="submit"] {
display: block;
margin: 0 auto;
}
.btn:hover, input[type="submit"]:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.btn.marketing {
background: rgb(99,143,184);
background: -moz-linear-gradient(90deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 85%);
background: linear-gradient(90deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#638FB8",endColorstr="#66DAEF",GradientType=1);
}
.btn.consulting {
background: rgb(23,0,93);
background: -moz-linear-gradient(90deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 85%);
background: linear-gradient(90deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#17005d",endColorstr="#00b0a5",GradientType=1);  
}
.btn.cc {
background: rgb(6,127,145);
background: -moz-linear-gradient(90deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 85%);
background: linear-gradient(90deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#067F91",endColorstr="#96DEC6",GradientType=1);
}
img {
max-width: 100%;
}
@media (min-width: 1350px) {
.container {
max-width: 1200px;
}
}
@media (max-width: 991px) {
h2 {
font-size: 26px;
}
}
@media (max-width: 767px) {
body {
font-size: 15px;
}
h2 {
font-size: 24px;
text-align: center;
}
.btn {
font-size: 12px;
letter-spacing: 0.15em;
margin: 35px auto 0;
display: block;
}
}
@media (max-width: 575px) {
h2 br {
display: none;
}
.container {
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 450px) {
h2 {
margin-bottom: 22px;
}
} header {
position: absolute;
width: 100%;
z-index: 999;
}
.branding-header-main {
position: relative;
height: 220px;
display: flex;
align-items: center;
top: 0;
right: 0;
left: 0;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.sticky-row {
width: 100%;
}
.branding-row {
align-items: center;
flex-wrap: nowrap;
padding: 0px 15px;
position: relative;
}
#site-logo h1 {
margin: 0;
}
#site-logo img {
max-width: initial;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#site-logo img.logo-original {
width: 155px;
}
nav#desktop-nav {
display: flex;
flex-flow: row-reverse;
width: 100%;
}
.main-menu-more {
display: none;
}
.main-nav ul {
background: #17005D;
border-radius: 5px;
list-style: none;
padding: 20px 30px;
margin: 0;
}
#page.page-marketing .main-nav ul {
background: #6997BD;
}
#page.page-cc .main-nav ul {
background: #067F91;
}
.main-nav li {
display: table-cell;
padding: 0 15px;
position: relative;
font-size: 18px;
}
.main-nav li.menu-item:before {
content: "";
background-color: #FFFFFF;
height: 15px;
width: 1px;
top: 50%;
transform: translateY(-50%);
right: 0;
position: absolute;
}
.main-nav li.menu-item:last-child:before {
display: none;
}
.main-nav li.menu-item.current_page_item a {
color: #FFD400;
}
#page.page-consulting .main-nav li.menu-item.current_page_item a {
color: #00B0A5;
}
#page.page-marketing .main-nav li.menu-item.current_page_item a {
color: #65D5EC;
}
#page.page-cc .main-nav li.menu-item.current_page_item a {
color: #82D0BE;
}
.main-nav li.menu-item.current_page_item a:before {
content: "";
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/tilt-menu.png) no-repeat scroll 0 0 / 17px auto;
width: 17px;
height: 7px;
bottom: -7px;
left: 50%;
transform: translateX(-50%);
position: absolute;
} .branding-header.sticky-prepared .branding-header-main {
position: absolute;
}
.branding-header.sticked .branding-header-main {
height: 95px;
position: fixed;
background: #FFF;
z-index: 99;
}
.scroll-slide.scroll-down .branding-header-main, .scroll-slide.scroll-up .branding-header-main {
transition: transform .3s ease, -webkit-transform .3s ease;
}
.sticky-shadow.sticked .branding-header-main {
box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.scroll-slide.hide-on-scroll.sticked .branding-header-main {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: none;
animation: none;
}
.scroll-slide.hide-on-scroll.scroll-up .branding-header-main {
-webkit-transform: none;
transform: none;
}
.sticked #site-logo img {
height: 75px;
width: auto;
}
.sticked #site-logo img.logo-original {
width: 95px;
height: auto;
}
.main-nav ul {
padding: 15px 20px;
}
.sticked .main-nav li {
font-size: 15px;
} #mobile-nav {
display: none;
opacity: 0;
background: #000;
position: fixed;
top: 0;
left: -100%;
text-align: center;
width: 100%;
z-index: 999;
height: 100%;
transition: all .5s ease-in-out;
}
#page #mobile-nav {
background: rgb(23,0,93);
background: -moz-linear-gradient(140deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 180%);
background: -webkit-linear-gradient(140deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 180%);
background: linear-gradient(140deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 180%);
}
#page.page-marketing #mobile-nav {
background: rgb(144,0,52);
background: -moz-linear-gradient(140deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 180%);
background: -webkit-linear-gradient(140deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 180%);
background: linear-gradient(140deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 180%);
}
#page.page-cc #mobile-nav {
background: rgb(6,127,145,1);
background: -moz-linear-gradient(140deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 180%);
background: -webkit-linear-gradient(140deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 180%);
background: linear-gradient(140deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 180%);
}
#mobile-nav.open {
opacity: 1;
left: 0;
}
#mobile-nav .menu-main-menu-container {
width: 100%;
height: 100%;   
}
#mobile-nav ul {
background-color: transparent !important;
margin-top: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
#mobile-nav ul li {
display: block;
padding: 20px;
}
#mobile-nav li.menu-item:before {
display: none;
}
#mobile-nav li.menu-item.current_page_item a:before {
bottom: 5px;
} .navbar-toggle {
background: transparent;
border: 0;
padding: 15px;
position: absolute;
top: 70px;
left: 30px;
transform: translateY(-50%);
display: none;
z-index: 9999;
}
.navbar-toggle.sticked {
position: fixed;
height: 95px;
top: 0;
}
.navbar-toggle.scroll-down, .navbar-toggle.scroll-up {
transition: transform .3s ease, -webkit-transform .3s ease;
}
.navbar-toggle.sticked {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: none;
animation: none;
}
.navbar-toggle.scroll-up {
-webkit-transform: none;
transform: none;
}
.navbar-toggle:focus {
outline: none;
}
.navbar-toggle.navbar-toggle-left {
float: left;
margin-left: 15px;
}
.navbar-toggle-icon {
position: relative;
width: 22px;
height: 14px;
transform: rotate(0deg);
transition: 0.35s ease-in-out;
cursor: pointer;
}
.navbar-toggle-icon {
display: inline-block;
}
.navbar-toggle-icon span {
display: block;
position: absolute;
opacity: 1;
left: 0;
transition: 0.35s ease-in-out;
}
.navbar-toggle .icon-bar {
background-color: #FFF;
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
transition: 0.35s ease-in-out;
}
.sticked .navbar-toggle .icon-bar {
background-color: #000;
}
.navbar-toggle.collapsed .icon-bar {
background-color: #000;
}
.navbar-toggle.collapsed .icon-bar:nth-child(1) {
top: 0;
}
.navbar-toggle.collapsed .icon-bar:nth-child(2) {
top: 6px;
}
.navbar-toggle.collapsed .icon-bar:nth-child(3) {
top: 12px;
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
top: 6px;
transform: rotate(45deg);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
opacity: 0;
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
top: 6px;
transform: rotate(-45deg);
}
@media (max-width: 1595px) {
.branding-header-main {
height: 180px;
}
#site-logo img {
height: 130px;
width: auto;
}
#site-logo img.logo-original {
width: 140px;
height: auto;
}
.main-nav li {
font-size: 17px;
}
}
@media (max-width: 1199px) {
.branding-header-main {
height: 155px;
}
#site-logo img {
height: 115px;
}
#site-logo img.logo-original {
width: 130px;
}
.main-nav li {
font-size: 16px;
}
#mobile-nav.main-nav li {
font-size: 19px;
}
}
@media (max-width: 991px) {
nav#desktop-nav {
display: none;
}
nav#mobile-nav {
display: block;
}
.navbar-toggle {
display: block;
}
#site-logo {
margin: 0 auto;
}
}
@media (max-width: 450px) {
.navbar-toggle {
left: 20px;
}
} .calque-blanc {
background: #FFF;
height: 100%;
width: 100%;
position: absolute;
top: 540px;
}
#page-wrapper {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/img-header-home.jpg) no-repeat fixed center 0 / 100% auto;
}
#page.page-consulting #page-wrapper {
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/img-header-consulting.jpg);
}
#page.page-marketing #page-wrapper {
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/img-header-marketing.jpg);
}
#page.page-cc #page-wrapper {
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/img-header-cc.jpg);
}
#page.page-contact #page-wrapper {
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/img-header-contact.jpg);
}
#main {
padding-top: 480px;
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/forme-header.png) no-repeat scroll center 0 / 1380px auto;
position: relative;
overflow: hidden;
}
#page.page-marketing #main {
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/forme-header-marketing.png);
}
#page.page-cc #main {
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/forme-header-cc.png);
}
@media (min-width: 1380px) {
#main {
background-size: 100% auto;
padding-top: calc(35vw - 10px);
}
.calque-blanc {
top: calc(35vw + 50px);
}
}
@media (min-width: 1921px) {
#main {
background-position: center calc(-25vw + 485px);
padding-top: calc(10vw + 475px);
}
.calque-blanc {
top: calc(12vw + 500px);
}
}
@media (max-width: 1230px) {
#page-wrapper {
background-size: 1230px auto;
}
} section.header-title {
position: absolute;
width: 100%;
top: 180px;
}
.header-title img {
position: relative;
top: -10px
}
.header-title h2 {
font-family: "Insignia",arial,sans-serif;
font-size: 46px;
font-weight: 100;
color: #FFF;
margin: -50px 0 0 0;
text-transform: uppercase;
letter-spacing: 0.15em;
text-shadow: 0px 3px 70px #000;
}
@media (min-width: 2000px) {
.header-title h2 {
margin: -35px 0 0 0;
}
}
@media (max-width: 1595px) {
section.header-title {
top: 175px;
}
.header-title img {
width: 150px;
}
.header-title h2 {
margin: -40px 0 0 0;
}
}
@media (max-width: 1199px) {
section.header-title {
top: 170px;
}
.header-title img {
width: 120px;
}
.header-title h2 {
margin: -30px 0 0 0;
}
} .arrow-before-content i {
font-size: 49px;
color: #FFF;
margin: 0px 0 25px;
}
.col-padding-sup {
padding: 0 15px;height: 100%;
}
.col-padding-sup .col-services, .col-etudes {
transition: all 0.4s ease-in-out;
}
.col-padding-sup .col-services:hover, .col-etudes:hover {
transform: scale(1.1);
}
.col-services {
height: calc(100% - 10px);
border-top: 12px solid;
border-radius: 5px;
background: #FFFFFF;
text-align: center;
padding: 0 21px 30px;
position: relative;
box-shadow: 0px 0px 12px 0px rgba(156,170,193,0.49);
}
.col-services > div:first-child{height: calc(100% - 230px);}
.col-marketing {
border-top-color: #6997BD;
}
.col-consulting {
border-top-color: #17005D;
}
.col-cc {
border-top-color: #067F91;
}
.col-services h3 {
font-size: 18px;
line-height: 1.4;
}
body:not(.home) .col-services h3 {
font-size: 20px;
}
.col-marketing h3 {
color: #1C5588;
}
.col-consulting h3 {
color: #17005D
}
.col-cc h3 {
color: #067F91;
}
.col-services img.img-services {
margin: 10px 0 20px;
}
.col-services .savoir-plus, .col-etudes .savoir-plus {
border-radius: 0 0 5px 5px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
.col-marketing .savoir-plus, .col-etudes .savoir-plus {
background: rgb(99,143,184);
background: -moz-linear-gradient(90deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 85%);
background: linear-gradient(90deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#638FB8",endColorstr="#66DAEF",GradientType=1);
}
.col-consulting .savoir-plus {
background: rgb(23,0,93);
background: -moz-linear-gradient(90deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 85%);
background: linear-gradient(90deg, rgba(23,0,93,1) 0%, rgba(0,176,165,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#17005d",endColorstr="#00b0a5",GradientType=1);
}
.col-cc .savoir-plus {
background: rgb(6,127,145);
background: -moz-linear-gradient(90deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 85%);
background: linear-gradient(90deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#067F91",endColorstr="#96DEC6",GradientType=1);
}
.col-services .savoir-plus span, .col-etudes .savoir-plus span {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.2em;
display: inline-block;
width: 100%;
padding: 12px 0 11px;
} h2.title-magali {
margin-bottom: -80px;
position: relative;
z-index: 1;
}
h2.title-magali span span {
color: #17005D;
font-size: 40px;
text-transform: uppercase;
}
h2.title-magali i {
color: #17005D;
display: block;
font-size: 17px;
font-family: "Avenir-Medium";
}
.forme-tiret-magali{
width: 33px;
height: 6px;
background-color: #17005D;
margin-top: 35px
} .sep-dotted {
width: 100%;
height: 1.5px;
}
.sep-dotted.red {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-rouge.png) repeat-x scroll 0 0 / 124px auto;
}
.sep-dotted.blue {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-bleu.png) repeat-x scroll 0 0 / 124px auto;
}
.sep-dotted.green {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-vert.png) repeat-x scroll 0 0 / 124px auto;
} .bloc-sep {
position: relative;
z-index: 0;
margin: 15px 0;
}
body:not(.home) .bloc-sep {
margin: 18px 0;
}
.bloc-sep:before {
content: "";
width: 100%;
height: 1.5px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.bloc-sep.red:before {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-rouge.png) repeat-x scroll 0 0 / 124px auto;
}
.bloc-sep.blue:before {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-bleu.png) repeat-x scroll 0 0 / 124px auto;
}
.bloc-sep.green:before {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-vert.png) repeat-x scroll 0 0 / 124px auto;
}
.sep-dotted-plus {
background: #FFF;
border-radius: 50px;
box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.2);
font-size: 30px;
height: 34px;
width: 34px;
margin: 0 auto;
display: flex;
align-items: center;
}
.sep-dotted-plus:before {
content: "";
background: #FFF;
width: 50px;
height: 50px;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.sep-dotted-plus span {
margin: 0 auto;
display: flex;
}
.savoir-plus {
position: absolute;
width: 100%;
left: 0;
}
.fa-ul {
margin-top: 74px;
margin-left: 23px;
}
.fa-ul li {
font-family: "Avenir-Medium";
font-size: 20px;
color: #000;
padding: 17px 0;
position: relative;
}
.fa-ul.fa-ul-bis {
margin-top: 0;
margin-bottom: 30px;
}
.fa-ul.fa-ul-bis li{padding: 0}
.fa-ul.fa-ul-bis .fa-li{top: 10px}
.fa-li {
left: -2.342857em;
width: 1em;
top: 25px;
font-size: 10px;
}
.fa-ul.marketing li:after, .fa-ul.marketing li:first-child:before  {
content: "";
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-rouge.png) repeat-x scroll 0 0 / 124px auto;
position: absolute;
bottom: 0;
left: -23px;
width: 100%;
height: 1.5px;
}
.fa-ul.marketing li:first-child:before {
bottom: inherit;
top: 0;
}
.fa-ul.consulting li:after, .fa-ul.consulting li:first-child:before  {
content: "";
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-bleu.png) repeat-x scroll 0 0 / 124px auto;
position: absolute;
bottom: 0;
left: -23px;
width: 100%;
height: 1.5px;
}
.fa-ul.cc li:first-child:before {
bottom: inherit;
top: 0;
}
.fa-ul.cc li:after, .fa-ul.cc li:first-child:before  {
content: "";
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-vert.png) repeat-x scroll 0 0 / 124px auto;
position: absolute;
bottom: 0;
left: -23px;
width: 100%;
height: 1.5px;
}
.fa-ul.cc li:first-child:before {
bottom: inherit;
top: 0;
} .way {
background: #17005D;
width: 3px;
height: 90px;
margin: 25px auto;
}
@media (max-width: 767px) {
#presentation-magali .fa-ul li:last-child:after{display: none}
section#oppi-services {
padding-bottom: 50px;
}
.col-services h3 {
font-size: 17px;
}
body:not(.home) .col-services h3 {
font-size: 18px;
}
.col-services img.img-services {
max-width: 140px;
}
.col-services > div:first-child {
height: calc(100% - 180px);
}
.fa-ul {
margin-top: 35px;
text-align: center;
margin-left: 0;
}
.fa-ul li {
font-size: 17px;
}
.fa-ul li br {
display: none;
}
.fa-ul li:after, .fa-ul li:first-child:before {
left: 0 !important;
}
i.fa-li {
position: relative;
top: -2px;
font-size: 9px;
left: -1.5em;
}
}
@media (max-width: 575px) {
body:not(.home) .col-services {
width: 80%;
margin: 0 auto;
}
}
@media (max-width: 400px) {
body:not(.home) .col-services {
width: 100%;
}
.col-padding-sup {
padding: 0;
}
} #page.page-home .header-title h2 {
font-size: 50px;
letter-spacing: 1.5px;
line-height: 1.1;
text-shadow: 0px 3px 10px #000;
}
section#oppi-services {
padding-bottom: 120px;
}
section#oppi-services h2{font-family: "Insignia",arial,sans-serif;} #slider-home {
background: #FAFAFA;
height: 475px;
padding-top: 40px;
}
#slider-home img.logo-slider {
margin: 0px auto -106px;
text-align: center;
position: relative;
z-index: 5;
width: 193px;
}
#slider-home .slider {
position: relative;
height: calc(100% - 1px);
z-index: 1;
box-shadow: 0px 85px 30px -50px rgba(0,0,0,0.2);
}
#slider-home .owl-carousel .bloc-text {
background: rgba(255,255,255,0.75);
position: absolute;
top: calc(50% + 53px);
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
padding: 35px;
}
#slider-home .owl-carousel .bloc-text h3 {
font-family: "Insignia", arial, sans-serif;
font-size: 33px;margin: 0;
}
#slider-home .owl-carousel .bloc-text .btn {
position: absolute;
bottom: -30px;
left: calc(50% - 94px);
width: 188px;
}
#slider-home .owl-carousel .bloc-text .btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
#slider-home .navBtn {
position: absolute;
top: calc(50% + 53px);
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 83px;
z-index: 1;
}
#slider-home .navBtn div {
height: 94px;
width: 94px;
position: absolute;
cursor: pointer;
}
#slider-home .navBtn .prevBtn {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/slider-arrow-prev.png) no-repeat scroll 0 0 / 94px auto;
left: -47px;
}
#slider-home .navBtn .nextBtn {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/slider-arrow-next.png) no-repeat scroll 0 0 / 94px auto;
right: -47px;
}
.owl-theme .owl-dots {
margin-top: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.owl-theme .owl-dots .owl-dot span {
width: 16px;
height: 16px;
background: #FFF;
position: relative;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #FFF;
}
.owl-theme .owl-dots .owl-dot span:before {
content: "";
opacity: 0;
width: 8px;
height: 8px;
background: #333333;
border-radius: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out;
}
.owl-theme .owl-dots .owl-dot.active span:before {
opacity: 1
} #oppi-objectifs {
padding: 260px 0 100px;
background: #FFFFFF;
position: relative;
}
#oppi-objectifs h2 {
color: #17005D;
}
#oppi-objectifs .owl-item > div{padding: 31px}
#oppi-objectifs .owl-theme img {
background-color: white;
box-shadow: 10px 10px 21px rgb(0,0,0,0.16);
padding: 10% 30px;
height: 200px;
object-fit: contain;
max-width: 100% !important;
}
#oppi-objectifs .owl-dots{display: none}
#oppi-objectifs .owl-nav {
position: absolute;
left: -30px;
width: calc(100% +  60px);
top: calc(50% - 15px);
display: flex;
justify-content: space-between;
}
#oppi-objectifs .owl-nav button {
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/arrow-slider-ref.svg);
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
color: transparent;
background-color: transparent !important;
}
#oppi-objectifs .owl-nav button.owl-next {
transform: rotate(180deg);
}
@media (max-width: 1595px) {
#page.page-home .header-title h2 {
font-size: 30px;
}
}
@media (max-width: 1349px) {
#slider-home {
height: 450px;
} 
}
@media (max-width: 1199px) {
#slider-home .owl-carousel .bloc-text h3{font-size: 25px}
#page.page-home .header-title h2 {
font-size: 40px;
}   
#page.page-home .col-marketing, #page.page-home .col-consulting {
margin-bottom: 40px;
}
#slider-home {
height: 383px;
}
section#oppi-services {
padding-bottom: 90px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (max-width: 991px) {
#slider-home {
height: auto;
}
#slider-home img.logo-slider {
margin: 0 auto -53px;
max-width: 150px;
height: auto;
}
#slider-home .owl-carousel .bloc-text h3 {
font-size: 20px;
}
#slider-home .owl-carousel .bloc-text .btn {
bottom: -20px;
font-size: 11px;
}
.owl-theme .owl-dots {
display: none;
}
#oppi-objectifs {
padding: 130px 0 100px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
h2.title-magali span span{font-size: 30px}
#page.page-home .col-marketing, #page.page-home .col-consulting, #page.page-home .col-cc {
width: 80%;
margin-left: auto;
margin-right: auto;
}
h2.title-magali {
font-size: 35px;
}
#presentation-magali img {
margin: 30px auto 0;
max-width: 320px;
display: block;
}
.forme-tiret-magali {
opacity: 0;
}
#slider-home .owl-carousel .bloc-text {
width: 85%;
padding: 30px;
}
#slider-home .owl-carousel .bloc-text h3 {
font-size: 17px;
}
#slider-home .navBtn {
display: none;
}
#oppi-objectifs {
padding: 50px 0 10px;
text-align: center;
}
}
@media (max-width: 575px) {
section#oppi-services h2 {
background-color: white;
font-size: 20px;
padding: 20px;
color: #17005D !important;
width: calc(100% + 60px);
margin-left: -30px;
margin-top: 50px;position: relative;
}
section#oppi-services h2::before {
content: "";
position: absolute;
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/arrondi.svg);
width: 100%;
padding: 5.2% 0;
margin-top: -10.3%;
left: 0;
top: 0;
}
section#oppi-services h2::after {
content: "";
position: absolute;
bottom: -150px;
width: 100%;
height: 150px;
background-color: white;
left: 0;
}
#page.page-home .header-title h2 {
font-size: 30px;
}
.col-padding-sup .col-services:hover, .col-etudes:hover {
transform: scale(1);
}
.owl-carousel .owl-item img {
height: 250px;
width: auto;
max-width: 500%;
}
#slider-home .owl-carousel .bloc-text {
width: 90%;
padding:     10px 5px 30px;
}
#slider-home .owl-carousel .bloc-text.first {
padding:  5px;
}
}
@media (max-width: 450px) {
#page.page-home .col-marketing, #page.page-home .col-consulting, #page.page-home .col-cc {
width: 100%;
}
#slider-home .owl-carousel .bloc-text .btn {
width: 63%;
}
}  #services-marketing .container {
position: relative;
}
#page.page-marketing .way {
background: #6997BD;
}
img.img-marketing1 {
position: absolute;
top: 40px;
left: 40px;
}
img.img-marketing2 {
position: absolute;
bottom: 100px;
right: 20px;
}
img.img-marketing3 {
position: absolute;
bottom: 80px;
left: 125px;
} section#etudes h2.insignia {
font-size: 40px;
margin-bottom: 0;
}
#etudes {
position: relative;
background-color: white;
margin-top: 10px;
}
#etudes h2{color: #6693BA}
section#etudes article{padding: 80px 0}
#etudes .container {
position: relative;
}
img.img-marketing4 {
position: absolute;
top: 15px;
right: 25px;
}
img.img-marketing5 {
position: absolute;
top: 35px;
left: 0px;
}
.bg-etudes {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/bg-etudes.jpg) no-repeat scroll center top / cover;
height: 821px;
margin-top: -43px;
}
#etudes .title {
}
#etudes .title h3 {
font-size: 22px;
text-transform: uppercase;
letter-spacing: 0.1em;
border: 1px solid #FFD400;
border-radius: 4px;
display: table;
margin: 0 auto 25px;
padding: 10px 20px;
}
#etudes .col-etudes {
border-radius: 5px;
background: #FFFFFF;
text-align: center;
padding: 85px 25px;
margin-top: 75px;
position: relative;
box-shadow: 0px 0px 12px 0px rgba(156,170,193,0.49);
}
#etudes .col-etudes .title-col {
border-radius: 5px 5px 0 0;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 85px;
display: flex;
align-items: center;
}
#etudes .col-quali .title-col {
background: #6997BD;
}
#etudes .col-quanti .title-col {
background: #D33763;
}
#etudes .col-etudes .title-col h4 {
font-family: "Avenir-Black";
font-size: 18px;
text-transform: uppercase;
color: #FFFFFF;
margin: 0 auto;
letter-spacing: 0.1em;
}
#etudes .col-etudes .cell {
display: flex;
align-items: center;
height: 75px;
}
#etudes .col-etudes .cell:nth-child(2n+1) {
background-color: #FFFCEA;
}
#etudes .col-etudes h3 {
font-family: "Avenir-Heavy";
font-size: 21px;
margin: 0 auto;
color: #333333;
}
#etudes .col-etudes h3 span {
font-family: "Avenir-Medium";
font-size: 17px;
}
#etudes .col-etudes .savoir-plus span {
font-size: 15px;
padding: 14px 0 13px;
} #avantages-marketing {
background-color: #FFFFFF;
padding-top: 50px;
}
#avantages-marketing img {
}
#avantages-marketing h2 {
color: #6997BD;
}
#avantages-marketing .fa-ul {
margin-top: 0;
}
@media (max-width: 1720px) {
#page.page-marketing .header-title h2 {
font-size: 37px;
}
}
@media (max-width: 1359px) {
#page.page-marketing .header-title h2 {
font-size: 30px;
}
}
@media (min-width: 1200px) {
.double-fleches-xl {
display: inline-block;
}
}
@media (max-width: 1199px) {
img.img-marketing1 {
left: -65px;
}
img.img-marketing2 {
right: -80px;
}
img.img-marketing3 {
left: 12px;
}
img.img-marketing4 {
right: -97px;
}
img.img-marketing5 {
left: -110px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.double-fleches-lg {
display: inline-block;
}
}
@media (max-width: 991px) {
img.img-marketing1 {
left: -160px;
}
img.img-marketing2 {
right: -188px;
}
img.img-marketing3 {
left: -85px;
}
img.img-marketing4 {
right: -200px;
}
img.img-marketing5 {
left: -210px;
}
.bg-etudes {
height: 650px;
}
#etudes .col-etudes .title-col h4 {
font-size: 15px;
}
#etudes .col-etudes .cell {
height: 60px;
}
#etudes .col-etudes h3 {
font-size: 18px;
}
#etudes .col-etudes .savoir-plus span {
font-size: 13px;
}
#avantages-marketing {
padding: 60px 0 0;
text-align: center;
}
#avantages-marketing .fa-ul {
text-align: center;
margin-left: 0;
}
#avantages-marketing i.fa-li {
position: relative;
top: -2px;
font-size: 9px;
left: -1.5em;
}
#avantages-marketing .bloc-arbre {
margin-top: 40px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.double-fleches-md {
display: inline-block;
}
}
@media (max-width: 767px) {
img.img-marketing1 {
left: -260px;
}
img.img-marketing2 {
right: -305px;
}
img.img-marketing3 {
left: -205px;
}
img.img-marketing4 {
right: -280px;
}
img.img-marketing5 {
left: -290px;
}
.double-fleches {
display: none;
}
#etudes .way2 {
display: block;
margin-bottom: 0;
}
.bg-etudes {
height: auto;
padding-bottom: 70px;
}
#etudes .col-etudes:last-child {
margin-top: 40px;
}
}
@media (max-width: 575px) {
#page.page-marketing .header-title h2 {
font-size: 26px;
}
#etudes .title h3 {
font-size: 19px;
margin: 0 auto 15px;
}
#etudes .col-etudes {
width: 80%;
}
}
@media (max-width: 450px) {
#page.page-marketing .header-title h2 {
font-size: 23px;
}
}  #services-consulting .container {
position: relative;
}
img.img-consulting1 {
position: absolute;
bottom: 530px;
left: 115px;
}
img.img-consulting2 {
position: absolute;
bottom: 45px;
right: 55px;
}
img.img-consulting3 {
position: absolute;
bottom: -10px;
left: 68px;
} #etapes-consulting {
position: relative;
padding-top: 10px;
}
#etapes-consulting h2{
color: #16065E;
margin: 60px 0 0;
}
#etapes-consulting .container {
position: relative;
}
img.img-consulting4 {
position: absolute;
bottom: -150px;
right: 0px;
}
#etapes-consulting h2.title-magali {
margin-top: 40px;
margin-bottom: -50px;
}
.bg-consulting {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/bg-consulting.jpg) no-repeat scroll center top / cover;
height: 480px;
}
.bg-marketing {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/bg-marketing.jpg) no-repeat scroll center top / cover;
height: 480px;
}
section#formations{background-color: white}
section#formations h2{color: #17005D}
section#formations h2.insignia{font-size: 40px;margin-bottom: 0}
section#formations article{padding: 80px 0}
section#formations article:nth-child(even){background-color: rgb(0,176,165,0.06)}
section#formations h3 {
color: #00B0A5;
font-family: 'Avenir-Black';
font-size: 20px;
}
#methode-belbin {
padding: 0 0 70px 0;
}
.img-consulting5 {
position: absolute;
top: 95px;
left: 0;
}
.img-consulting6 {
position: absolute;
top: 310px;
right: 95px;
}
.img-consulting7 {
position: absolute;
top: 430px;
left: 45px;
}
#methode-belbin h2 {
color: #17005D;
}
#methode-belbin .fa-ul {
margin-top: 40px;
}
#methode-belbin h3 {
font-size: 21px;
line-height: 1.7;
text-transform: uppercase;
letter-spacing: 0.1em;
border: 1px solid #00B0A5;
border-radius: 4px;
display: table;
margin: 0 auto 25px;
padding: 20px 30px;
}
#methode-belbin .arrow-way-bottom {
margin: 5px 0 0;
}
.img-way-side {
margin: 15px 0 25px -16px;
}
.visu-consulting-bottom {
margin-bottom: 45px;
}
@media (max-width: 1820px) {
#page.page-consulting .header-title h2 {
font-size: 37px;
}
}
@media (max-width: 1650px) {
#page.page-consulting .header-title img {
width: 150px;
}
#page.page-consulting .header-title h2 {
margin: -40px 0 0 0;
}
}
@media (max-width: 1450px) {
#page.page-consulting .header-title h2 {
font-size: 30px;
}
}
@media (max-width: 1349px) {
img.img-consulting5 {
left: -33px;
}
img.img-consulting6 {
right: 95px;
}
img.img-consulting7 {
left: 29px;
}
}
@media (max-width: 1199px) {
#page.page-consulting .header-title img {
width: 120px;
}
#page.page-consulting .header-title h2 {
margin: -30px 0 0 0;
}
img.img-consulting1 {
left: 15px;
}
img.img-consulting2 {
right: -55px;
}
img.img-consulting3 {
left: -43px;
}
img.img-consulting4 {
right: -115px;
bottom: -110px;
}
img.img-consulting5 {
left: -60px;
}
img.img-consulting6 {
right: 62px;
top: 342px;
}
img.img-consulting7 {
left: 25px;
top: 527px;
}
}
@media (max-width: 991px) {
img.img-consulting1 {
left: -95px;
}
img.img-consulting2 {
right: -155px;
}
img.img-consulting3 {
left: -168px;
}
img.img-consulting4 {
right: -200px;
}
img.img-consulting5 {
left: -105px;
top: 75px;
}
img.img-consulting6 {
right: 44px;
top: 374px;
}
img.img-consulting7 {
left: -21px;
top: 587px;
}
}
@media (max-width: 700px) {
.bg-consulting {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/bg-consulting.jpg) no-repeat scroll calc(100% + 400px) top / cover;
}
}
@media (max-width: 767px) {
#page.page-consulting .header-title h2 {
font-size: 24px;
}
img.img-consulting1 {
left: -200px;
}
img.img-consulting2 {
right: -305px;
}
img.img-consulting3 {
left: -260px;
}
img.img-consulting4 {
right: -270px;
}
#etapes-consulting h2 br, img.img-consulting5, img.img-consulting6, img.img-consulting7, .arrow-way-bottom.last, .visu-consulting-bottom, .img-way-side {
display: none;
}
#etapes-consulting h2.title-magali {
margin-top: 40px;
margin-bottom: -30px;
}
#etapes-consulting img.img-magali {
margin: 30px auto 0;
max-width: 320px;
display: block;
}
#methode-belbin .fa-ul {
margin-top: 25px;
}
#methode-belbin .way2 {
display: block;
}
#methode-belbin h3 {
font-size: 18px;
}
#methode-belbin h3 br {
display: none;
}
}
@media (max-width: 575px) {
#page.page-consulting .header-title h2 {
font-size: 23px;
}
}
@media (max-width: 450px) {
#methode-belbin h3 {
font-size: 16px;
}
} #services-cc .container {
position: relative;
}
img.img-cc1 {
position: absolute;
top: 40px;
left: 40px;
}
img.img-cc2 {
position: absolute;
bottom: 315px;
right: 5px;
}
img.img-cc3 {
position: absolute;
bottom: 100px;
left: 105px;
}
img.img-cc4 {
position: absolute;
bottom: -115px;
right: 75px;
}
#equipe-cc {
position: relative;
padding-top: 10px;
}
#equipe-cc .way {
background-color: #067F91;
}
#equipe-cc h2.insignia {
color: #067F91;
font-size: 40px;
text-align: center;
text-transform: uppercase;
z-index: 1;
position: relative;
margin-bottom: 40px;
}
#equipe-cc .equipe1, #equipe-cc .equipe2 {
display: flex;
opacity: 0.5;
cursor: crosshair;
left: 0%;
right: 0%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transform: translate(0%) scale(0.6);
transition: all 0.5s ease-in-out;
}
#equipe-cc .equipe1.active {
left: 20%;
transform: translate(-20%) scale(1);
}
#equipe-cc .equipe2.active {
right: 20%;
transform: translate(-20%) scale(1);
}
#equipe-cc .equipe.active {
opacity: 1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
#equipe-cc .equipe1 .bloc-text {
text-align: right;
}
#equipe-cc .bloc-text h2 {
color: #067F91;
margin: 25px 0 10px;
}
#equipe-cc .bloc-text .fa-ul {
margin: 0 0 5px;
}
#equipe-cc .bloc-text .fa-ul li {
font-size: 18px;
}
#equipe-cc .bloc-text .fa-ul.cc li:first-child:before, #equipe-cc .bloc-text .fa-ul.cc li:last-child:after {
display: none;
}
#equipe-cc .bloc-text .fa-li {
left: -20px;
top: 26px;
font-size: 8px;
}
#equipe-cc .equipe1 .bloc-text .fa-li {
position: relative;
top: -3px;
left: -13px;
}
#equipe-cc .equipe1 .bloc-text .fa-ul.cc li:after {
left: inherit;
right: 0;
}
#equipe-cc .bulle {
background: rgb(34,85,56);
background: -moz-linear-gradient(133deg, rgba(34,85,56,1) 0%, rgba(195,204,0,1) 85%);
background: -webkit-linear-gradient(133deg, rgba(34,85,56,1) 0%, rgba(195,204,0,1) 85%);
background: linear-gradient(133deg, rgba(34,85,56,1) 0%, rgba(195,204,0,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#225538",endColorstr="#c3cc00",GradientType=1);
padding: 20px;
color: #FFF;
font-family: "Avenir-Medium";
font-size: 18px;
line-height: 1.7;
border-radius: 5px;
position: relative;
}
#equipe-cc .bulle:after {
content: "";
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/arrow-bulle.png) no-repeat scroll center center / 54px auto;
position: absolute;
bottom: -39px;
left: 50%;
transform: translateX(-50%);
width: 54px;
height: 39px;
}
#equipe-cc .equipe1 .bulle:after {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/arrow-bulle2.png) no-repeat scroll center center / 54px auto;
}
#equipe-cc .equipe1 .bloc-img {
margin-left: 27px;
}
#equipe-cc .equipe2 .bloc-img {
margin-right: 47px;
}
#equipe-cc .equipe .bloc-img img {
max-width: initial;
}
#equipe-cc .title-vision h2 {
margin: 75px 0 70px;
}
#etapes-cc {
background-color: #FFFFFF;
padding-bottom: 100px;
}
#etapes-cc .col-etapes {
border-radius: 5px;
background: #FFFFFF;
text-align: center;
padding: 85px 45px 60px;
position: relative;
box-shadow: 0px 0px 12px 0px rgba(156,170,193,0.49);
}
#etapes-cc .col-etapes .title-col {
background-color: #067F91;
border-radius: 5px 5px 0 0;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 85px;
display: flex;
align-items: center;
}
#etapes-cc .col-etapes h4 {
font-family: "Avenir-Black";
font-size: 18px;
text-transform: uppercase;
color: #FFFFFF;
margin: 0 auto;
letter-spacing: 0.1em;
}
#etapes-cc .col-etapes .row {
}
#etapes-cc .col-etapes .cell {
padding: 25px 0px;
display: flex;
align-items: center;
}
#etapes-cc .col-etapes .row:nth-child(2n+1) .cell {
background-color: rgba(249,250,228,0.7);
}
#etapes-cc .col-etapes .cell h3 {
font-family: "Avenir-Heavy";
font-size: 21px;
margin: 0 auto;
line-height: 1.6;
padding: 0 20px;
}
#etapes-cc .col-etapes .cell h3 span {
font-family: "Avenir-Medium";    
}
#etapes-cc .col-etapes .cell-nbr h3 {
font-family: "Avenir-Black";
color: #008DB4;
font-size: 60px;
}
#etapes-cc .col-etapes .savoir-plus {
background: rgb(5,63,66);
background: -moz-linear-gradient(90deg, rgba(5,63,66,1) 0%, rgba(195,204,0,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(5,63,66,1) 0%, rgba(195,204,0,1) 85%);
background: linear-gradient(90deg, rgba(5,63,66,1) 0%, rgba(195,204,0,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#067F91",endColorstr="#c3cc00",GradientType=1);
border-radius: 0 0 5px 5px;
bottom: 0;
text-align: center;
} 
#etapes-cc .col-etapes .savoir-plus span {
font-size: 17px;
padding: 17px 0 16px;
text-transform: uppercase;
letter-spacing: 0.2em;
display: inline-block;
width: 100%;
}
@media (max-width: 2085px) {
#page.page-cc .header-title h2 {
font-size: 39px;
}
}
@media (max-width: 1760px) {
#page.page-cc .header-title h2 {
font-size: 34px;
}
}
@media (max-width: 1650px) {
#page.page-cc .header-title img {
width: 150px;
}
#page.page-cc .header-title h2 {
margin: -40px 0 0 0;
}
}
@media (max-width: 1495px) {
#page.page-cc .header-title h2 {
font-size: 29px;
}
}
@media (max-width: 1450px) {
#page.page-cc .header-title h2 {
font-size: 28px;
}
}
@media (max-width: 1349px) {
#equipe-cc .bulle:after {
display: none;
}
}
@media (max-width: 1199px) {
#page.page-cc .header-title img {
width: 120px;
}
#page.page-cc .header-title h2 {
margin: -30px 0 0 0;
}
img.img-cc1 {
left: -65px;
}
img.img-cc2 {
right: -80px;
}
img.img-cc3 {
left: 12px;
}
img.img-cc4 {
right: -62px;
}
img.img-cc5 {
left: -110px;
}
#equipe-cc h2.insignia {
font-size: 35px;
}
#equipe-cc .equipe {
justify-content: center;
}
#equipe-cc .equipe1 {
margin-bottom: 45px;
}
#equipe-cc .equipe.active {
transform: translate(0%) scale(1);
}
#equipe-cc .equipe1.active {
left: 0;
}
#equipe-cc .equipe2.active {
right: 0;
}
#equipe-cc .equipe1, #equipe-cc .equipe2 {
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0);
transform: translate(0%) scale(1);
}
#equipe-cc .equipe .bloc-text {
width: 50%;
}
#etapes-cc .col-etapes .savoir-plus span {
font-size: 15px;
}
}
@media (max-width: 991px) {
img.img-cc1 {
left: -160px;
}
img.img-cc2 {
right: -188px;
}
img.img-cc3 {
left: -85px;
}
img.img-cc4 {
right: -200px;
}
img.img-cc5 {
left: -210px;
}
#equipe-cc h2.insignia {
margin-bottom: 15px;
}
#equipe-cc .equipe .bloc-img {
display: none;
}
#equipe-cc .equipe .bloc-text {
width: 85%;
text-align: center;
}
#equipe-cc .equipe .bloc-text .fa-li {
position: relative;
top: -3px;
left: -13px;
}
}
@media (max-width: 767px) {
#page.page-cc .header-title h2 {
font-size: 24px;
}
img.img-cc1 {
left: -260px;
}
img.img-cc2 {
right: -305px;
}
img.img-cc3 {
left: -215px;
}
img.img-cc4 {
right: -280px;
}
img.img-cc5 {
left: -290px;
}
#equipe-cc .title-vision h2 {
margin: 55px 0;
}
#etapes-cc {
padding-bottom: 70px;
}
#etapes-cc .col-etapes {
width: 80%;
}
#etapes-cc .col-etapes .cell {
padding: 10px 0px;
}
#etapes-cc .col-etapes .cell h3 {
font-size: 18px;
}
#etapes-cc .col-etapes .cell-nbr h3 {
font-size: 53px;
margin-top: 10px;
margin-bottom: -10px;
}
#etapes-cc .col-etapes .savoir-plus span {
font-size: 13px;
}
}
@media (max-width: 575px) {
#page.page-cc .header-title h2 {
font-size: 23px;
}
}
@media (max-width: 450px) {
#page.page-cc .header-title h2 {
font-size: 19px;
}
#etapes-cc .col-etapes {
width: 90%;
padding: 85px 15px 60px;
}
#etapes-cc .col-etapes h4 {
font-size: 16px;
}
#etapes-cc .col-etapes .cell h3 {
font-size: 16px;
}
#etapes-cc .col-etapes .cell-nbr h3 {
font-size: 45px;
}
} #oppi-contact {
position: relative;
}
#oppi-contact .container {
position: relative;
}
#oppi-contact h2 {
color: #FFFFFF;
text-align: center;
margin-bottom: 40px;
}
img.img-contact1 {
position: absolute;
top: 2px;
left: -25px;
}
img.img-contact2 {
position: absolute;
bottom: 195px;
right: -80px;
}
.formulaire br {
display: none;
}
.wpcf7 {
max-width: 900px;
margin: 0 auto!important;
}
::placeholder {color: #333333; opacity: 1;}
.wpcf7-form-control::-webkit-input-placeholder, ::-webkit-input-placeholder { color: #333333 !important; } 
.wpcf7-form-control::-moz-placeholder, *::-moz-placeholder {color: #333333 !important; opacity: 1; }
.wpcf7-form-control::-moz-placeholder, ::-moz-placeholder { color: #333333 !important; } 
.wpcf7-form-control::-ms-input-placeholder, ::-ms-input-placeholder { color: #333333 !important; }  
.wpcf7-form-control::-ms-input-placeholder, ::-ms-input-placeholder { color: #333333 !important; }
.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7-spam-blocked, .wpcf7-mail-sent-ok, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea, input[type="search"] {
display: block;
font-family: "Avenir-Medium", Arial, sans-serif;  
width: 100%;
padding: 1rem 1.75rem;
margin: 20px 0px 10px;
font-size: 18px;
line-height: 1.5;
color: #333333;
background-color: rgba(255,255,255,1);
border: 0;
border-radius: 5px;
box-shadow: 0px 0px 12px 0px rgba(156,170,193,0.49);
}
.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input[type=color]:focus, .wpcf7 input[type=date]:focus, .wpcf7 input[type=datetime-local]:focus, .wpcf7 input[type=datetime]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=file]:focus, .wpcf7 input[type=month]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=range]:focus, .wpcf7 input[type=search]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=time]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=week]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus, input[type="search"] {
background-color: rgba(255,255,255,1);
}
select {
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/arrow-select.png) !important;
background-position: right 10px top 50%;
background-size: 19px auto;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select option {
color: #333333;
}
.wpcf7 textarea {
height: 320px;
resize: none;
margin: 20px 0px 25px;
}
.wpcf7 select:not([size]):not([multiple]), select.form-control:not([size]):not([multiple]) {
height: auto;
}
.btn-submit {
margin-top: 20px;
display: block;
text-align: center;
}
div.wpcf7 .ajax-loader {
position: relative;
margin: 0;
background: none;
width: 0;
}
div.wpcf7 .ajax-loader:before {
position: relative;
left: 20px;
content: "";
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #bbb;
border-left-color: #17005d;
border-radius: 50%;
}
div.wpcf7 .ajax-loader.is-active:before {
-webkit-animation: wd-rotate 450ms infinite linear;
animation: wd-rotate 450ms infinite linear;
}
span.wpcf7-not-valid-tip {
font-size: 12px;
}
.wpcf7 .wpcf7-response-output {
font-size: 14px;
text-align: center;
width: 80%;
margin: 30px auto 10px;
padding: 1rem 1.75rem;
border: 0 none !important;
}
#oppi-coordonnees {
padding-top: 70px;
background: #FFFFFF;
}
#oppi-coordonnees .container {
position: relative;
}
.img-contact3 {
position: absolute;
top: -235px;
left: -25px;
}
.img-contact4 {
position: absolute;
bottom: 185px;
right: -50px;
}
#oppi-coordonnees h2 {
color: #17005D;
margin-bottom: 40px;
}
#oppi-coordonnees .bloc-sep {
margin: 0;
}
#oppi-coordonnees p {
font-family: "Avenir-Medium";
margin: 0;
padding: 20px 0;
font-size: 20px;
}
#oppi-coordonnees p.tel {
font-family: "Avenir-Heavy";
font-size: 23px;
color: #00B0A5;
}
#oppi-coordonnees .arrow-bottom {
margin: 25px 0; 
}
#map {
height: 470px;
}
@media (max-width: 1595px) {
#page.page-contact .header-title h2 {
font-size: 41px;
}
}
@media (max-width: 1359px) {
#page.page-contact .header-title h2 {
font-size: 36px;
}
}
@media (max-width: 1199px) {
img.img-contact1 {
left: -80px;
}
img.img-contact2 {
right: -125px;
bottom: 265px;
}
img.img-contact3 {
left: -97px;
}
img.img-contact4 {
right: -97px;
}
}
@media (max-width: 991px) {
img.img-contact1 {
left: -160px;
}
img.img-contact2 {
right: -210px;
}
img.img-contact3 {
left: -200px;
}
img.img-contact4 {
right: -200px;
}
}
@media (max-width: 767px) {
img.img-contact1 {
left: -270px;
}
img.img-contact2 {
right: -305px;
}
img.img-contact3 {
left: -315px;
}
img.img-contact4 {
right: -290px;
}
.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type="color"], .wpcf7 input[type="date"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="datetime"], .wpcf7 input[type="email"], .wpcf7 input[type="file"], .wpcf7 input[type="month"], .wpcf7 input[type="number"], .wpcf7 input[type="range"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="text"], .wpcf7 input[type="time"], .wpcf7 input[type="url"], .wpcf7 input[type="week"], .wpcf7 select, .wpcf7 textarea {
font-size: 16px;
}
#page.page-contact .btn-submit .btn {
margin-top: 0;
}
.wpcf7 .wpcf7-response-output {
width: 100%;
}
#oppi-coordonnees p {
font-size: 18px;
}
#oppi-coordonnees p.tel {
font-size: 21px;
}
}
@media (max-width: 575px) {
#page.page-contact .header-title h2 {
font-size: 34px;
}
}
@media (max-width: 450px) {
#page.page-contact .header-title h2 {
font-size: 29px;
}
#oppi-contact h2 {
font-size: 21px;
}
.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type="color"], .wpcf7 input[type="date"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="datetime"], .wpcf7 input[type="email"], .wpcf7 input[type="file"], .wpcf7 input[type="month"], .wpcf7 input[type="number"], .wpcf7 input[type="range"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="text"], .wpcf7 input[type="time"], .wpcf7 input[type="url"], .wpcf7 input[type="week"], .wpcf7 select, .wpcf7 textarea {
font-size: 15px;
}
} #before-mentions .container {
position: relative;
}
#before-mentions h2.subtitle {
font-size: 29px;
color: #FFFFFF;
margin-bottom: 160px;
margin-top: 0px;
}
#page.page-mentions img.img-consulting1 {
top: 60px;
left: 115px;
}
#page.page-mentions img.img-marketing2 {
bottom: 315px;
right: -45px;
}
#page.page-mentions img.img-marketing3 {
bottom: 130px;
left: 40px;
}
#page.page-mentions img.img-contact4 {
bottom: -208px;
right: -25px;
}
#before-mentions h3 {
font-size: 23px;
font-family: "Avenir-Heavy";
margin: 0 auto 40px;
}
#before-mentions h2 {
color: #17005D;
margin-bottom: 40px;
}
#before-mentions .bloc-sep {
margin: 0;
}
#before-mentions p {
font-family: "Avenir-Medium";
margin: 0;
padding: 20px 0;
font-size: 20px;
}
#before-mentions a.tel {
font-family: "Avenir-Heavy";
font-size: 23px;
color: #00B0A5;
}
#before-mentions a.mail {
color: #333333;
font-family: 'Avenir-Medium';
}
#before-mentions a.site {
font-family: "Avenir-Heavy";
font-size: 23px;
color: #00B0A5;
}
#text-mentions {
background-color: #FFFFFF;
padding-top: 70px;
}
#text-mentions h3 {
font-family: "Avenir-Heavy";
font-size: 23px;
color: #00B0A5;
}
#text-mentions p {
font-family: "Avenir-Medium";
font-size: 17px;
margin-bottom: 30px;
}
#text-mentions a {
color: #333333;
}
#text-mentions .bloc-sep {
width: 100%;
margin: 0 0 35px;
}
section#text-mentions.politique {
background-color: transparent;
}
#punchline-mentions {
background-color: #FFFFFF;
padding: 45px 0 100px;
}
#punchline-mentions h2 {
color: #17005D;
margin-bottom: 35px;
}
@media (min-width: 1880px) {
#before-mentions h2.subtitle {
margin-bottom: 225px;
margin-top: 15px;
}
}
@media (max-width: 1350px) {
#before-mentions h2.subtitle {
font-size: 25px;
}
}
@media (max-width: 1199px) {
#page.page-mentions img.img-consulting1 {
left: 10px;
}
#page.page-mentions img.img-marketing2 {
right: -125px;
}
#page.page-mentions img.img-marketing3 {
left: -40px;
}
#page.page-mentions img.img-contact4 {
bottom: -220px;
right: -55px;
}
}
@media (max-width: 991px) {
#page.page-mentions img.img-consulting1 {
left: -60px;
}
#page.page-mentions img.img-marketing2 {
right: -190px;
}
#page.page-mentions img.img-marketing3 {
left: -90px;
}
#page.page-mentions img.img-contact4 {
right: -125px;
}
}
@media (max-width: 767px) {
#page.page-mentions .header-title h2 {
font-size: 36px;
}
#before-mentions h2.subtitle {
font-size: 23px;
margin-bottom: 135px;
}
#before-mentions h3 {
font-size: 20px;
}
#page.page-mentions img.img-consulting1, #page.page-mentions img.img-marketing2 , #page.page-mentions img.img-marketing3, #page.page-mentions img.img-contact4 {
display: none;
}
#before-mentions p {
font-size: 18px;
}
#before-mentions a.tel {
font-size: 21px;
}
#before-mentions a.site {
font-size: 21px;
}
} #oppi-404 .container {
position: relative;
}
#oppi-404 h2 {
margin-bottom: 160px;
color: 
#FFF;
text-align: center;
}
.error-404 p {
text-align: center;
font-size: 18px;
font-family: 'Avenir-Medium', Arial, Helvetica, sans-serif;
width: 70%;
margin: 0 auto 1rem;
}
.error-404 .btn {
margin: 15px auto 70px;
display: inline-block;
}
@media (min-width: 1880px) {
#oppi-404 h2 {
margin-bottom: 225px;
margin-top: 15px;
}
}
@media (max-width: 1350px) {
#oppi-404 h2 {
font-size: 25px;
}
}
@media (max-width: 767px) {
#oppi-404 h2 {
font-size: 23px;
margin-bottom: 135px;
}
} footer#wrapper-footer {
position: relative;
background: #17005D;
display: flex;
align-items: center;
color: #FFFFFF;
height: 175px;
}
#page.page-marketing footer#wrapper-footer {
background: #6997BD;
}
#page.page-cc footer#wrapper-footer {
background: #067F91;
}
#footer-navigation.main-nav ul {
padding: 20px 0px;
}
#footer-navigation.main-nav li:first-child {
padding: 0 15px 0 0;
}
#footer-navigation.main-nav li.menu-item.current_page_item a:before {
display: none;
}
footer .bloc-right {
}
footer .bloc-right span {
font-family: 'Avenir-Heavy';
font-size: 18px;
display: block;
margin: 0 0 5px 0;
}
footer .bloc-right .btn {
display: inline-flex;
align-items: center;
background: #FFFFFF;
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.16);
color: #00B0A5;
font-family: "Avenir-Black";
font-size: 17px;
letter-spacing: 0;
padding: 5px 5px 5px 25px;
border-radius: 50px;
}
#page.page-marketing footer .bloc-right .btn {
color: #65D5EC;
}
#page.page-cc footer .bloc-right .btn {
color: #82D0BE;
}
footer .bloc-right .btn:hover {
-webkit-transform: none;
transform: none;
}
footer .bloc-right .btn img {
margin-left: 15px;
transform: scale(1);
transition: all 0.3s ease-in-out;
}
footer .bloc-right .btn:hover img {
transform: scale(1.1);
}
#mentions {
position: relative;
font-family: 'Avenir-Medium';
font-size: 15px;
display: flex;
align-items: center;
height: 55px;
color: #FFFFFF;
background: rgb(21,17,100);
background: -moz-linear-gradient(90deg, rgba(21,17,100,1) 0%, rgba(0,176,165,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(21,17,100,1) 0%, rgba(0,176,165,1) 100%);
background: linear-gradient(90deg, rgba(21,17,100,1) 0%, rgba(0,176,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#151164",endColorstr="#00b0a5",GradientType=1);
}
#page.page-marketing #mentions {
background: rgb(154,20,47);
background: -moz-linear-gradient(90deg, rgba(154,20,47,1) 0%, rgba(251,218,2,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(154,20,47,1) 0%, rgba(251,218,2,1) 100%);
background: linear-gradient(90deg, rgba(99,143,184,1) 0%, rgba(102,218,239,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#638FB8",endColorstr="#66DAEF",GradientType=1);
}
#page.page-cc #mentions {
background: rgb(6,127,145);
background: -moz-linear-gradient(90deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 85%);
background: linear-gradient(90deg, rgba(6,127,145,1) 0%, rgba(150,222,198,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#067F91",endColorstr="#96DEC6",GradientType=1);
}
#mentions .txt-left, #mentions .txt-right {
padding: 0 15px;
}
#mentions .txt-left { width: 50%;
}
#mentions .txt-right { width: 50%; }
@media (min-width: 1596px) {
#footer-navigation.main-nav ul li {
font-size: 17px;
}
}
@media (max-width: 991px) {
#footer-navigation.main-nav ul li {
text-align: center;
}
footer .bloc-right span {
font-size: 17px;
}
footer .bloc-right .btn {
font-size: 15px;
padding: 5px 5px 5px 22px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
footer#wrapper-footer {
height: 220px;
}
#footer-navigation.main-nav ul {
display: inline-flex;
align-items: center;
}
footer .bloc-right {
margin: 10px auto 23px;
}
}
@media (max-width: 767px) {
footer#wrapper-footer {
height: auto;
padding: 30px 0;
}
#footer-navigation.main-nav ul {
padding: 0px 0px 30px;
}
#footer-navigation.main-nav ul li {
display: block;
padding: 15px;
}
#footer-navigation.main-nav li:first-child {
padding: 15px;
}
#footer-navigation.main-nav li.menu-item:before {
display: none;
}
footer .bloc-right {
text-align: center;
}
footer .bloc-right .btn {
margin: 10px 0 15px;
}
#mentions {
font-size: 13px;
}
#mentions .txt-left { width: 100%;
text-align: center;
}
#mentions .txt-right { width: 100%;
text-align: center; }
} .modal {
display: none;
}
.modal-content{
display: none;
}
.close-button {
background: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/css/img/close.png) no-repeat scroll 0 0 / 52px auto;
height: 52px;
position: absolute;
left: 50%;
width: 52px;
transform: translateX(-50%);
top: -65px;
}
.modal {
position: fixed;
z-index: 99999;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.modal-content {
z-index: 999999;
top: 15%;
left: 50%;
border: 0;
transform: translateX(-50%);
position: absolute;
background-color: transparent;
width: 100%;
text-align: center;
} span#cn-notice-text {
margin: 10px;
}
#cookie-notice .cn-button {
margin: 5px 3px;
display: inline-block;
font-size: 10px;
padding: 7px 15px;
} #cmplz-document {
max-width: 100%;
}
.hr-marketing {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-rouge.png) repeat-x scroll 0 0 / 124px auto;
border: 0;
height: 6px;
}
.hr-cc {
background: transparent url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/dotted-vert.png) repeat-x scroll 0 0 / 124px auto;
border: 0;
height: 6px;
}
.p-hr {
font-family: "Avenir-Medium";
margin: 0;
padding: 20px 0;
font-size: 20px;
}
ul.p-hr{margin-left: 17px}
article{background-color: white}
article.bg-grey {
background-color: #f6f6f6;
padding: 80px 0;
}
#modele .etape{height: calc(100% - 10px);}
#modele .etape img{width: 80px}
#modele .etape h3 {
background-color: white;
border-radius: 10px;
padding: 30px 20px 20px;
box-shadow: 0 10px 30px rgba(157, 168, 167, 0.5);
margin-top: -20px;
margin-bottom: 30px;
height: calc(100% - 80px);
display: flex;
align-items: center;
justify-content: center;
}
#equipe-cc h2, #modele h2{color: #067F91}
section#modele h3 {
color: #067F91;
font-family: 'Avenir-Black';
font-size: 20px;
}
section#modele h3 {
color: #067F91;
font-family: 'Avenir-Black';
font-size: 20px;
margin: 30px 0 0;
}
section#modele article{padding: 80px 0}
section#modele h2.insignia {
font-size: 40px;
margin-bottom: 0;
}
#equipe-cc .encart {
background-color: #067F91;
color: white;
font-size: 20px;
padding: 20px 30px;
border-radius: 10px;
font-family: 'Avenir-Medium';
text-align: center;
margin-bottom: 40px;
position: relative;
}
#equipe-cc .encart::after {
content: "";
background-image: url(//www.oppi-consulting.fr/wp-content/themes/oppi-child/img/arrow-encart.svg);
width: 22px;
height: 30px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
bottom: -30px;left: calc(50% - 11px);
}
#equipe-cc .encart i {
display: block;
font-family: 'Avenir-Light';
font-size: 15px;
}
@media (max-width: 767px){
.fa-ul.fa-ul-bis .fa-li{top: -2px}
section#modele article,
article.bg-grey,
section#formations article{padding: 60px 0;}
.p-hr{font-size: 16px}
.col-padding-sup{height: auto}
h2.title-magali {
margin-bottom: -40px;
}
}