/*
*/
/* latin-ext */
@font-face {
font-family: 'Titillium Web';
font-style: italic;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPFcZTIAOhVxoMyOr9n_E7fdMbepI5Db5yciWM.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Titillium Web';
font-style: italic;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPFcZTIAOhVxoMyOr9n_E7fdMbepI5DYZyc.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPDcZTIAOhVxoMyOr9n_E7ffAzHGIVzY4SY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPDcZTIAOhVxoMyOr9n_E7ffAzHGItzYw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzY4SY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzYw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY4SY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzYw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGIVzY4SY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/titilliumweb/v10/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGItzYw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!
* Bootstrap v3.1.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}footer,header,nav,section{display:block}video{display:inline-block;vertical-align:baseline}a{background:0 0}a:active,a:hover{outline:0}b{font-weight:700}h1{font-size:2em;margin:.67em 0}img{border:0}button,input,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox]{box-sizing:border-box;padding:0}textarea{overflow:auto}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="javascript:"]:after{content:""}img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}h1,h2,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1,h2,h3{margin-top:20px;margin-bottom:10px}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}p{margin:0 0 10px}.text-center{text-align:center}ul{margin-top:0;margin-bottom:10px}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-xs-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-12{float:left}.col-xs-12{width:100%}@media (min-width:992px){.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-12{float:left}.col-md-12{width:100%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}}@media (min-width:1200px){.col-lg-12{float:left}.col-lg-12{width:100%}}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}textarea.form-control{height:auto}.form-group{margin-bottom:15px}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.428571429;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-user:before{content:"\e008"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-phone:before{content:"\e145"}.glyphicon-earphone:before{content:"\e182"}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.428571429px}.modal-header .close{margin-top:-2px}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}}.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.container:after,.container-fluid:after,.row:after,.nav:after,.navbar:after,.modal-footer:after{clear:both}@-ms-viewport{width:device-width}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
body {
width: 100%;
height: 100%;
font-family: 'Titillium Web', sans-serif;
font-weight: normal;
color: #2B2E32;
background-color: rgba(164, 162, 164, 0.5);
}
html {
width: 100%;
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 30px;
font-family: 'Titillium Web', sans-serif;
letter-spacing: 1px;
}
p {
margin: 0 0 20px;
font-size: 16px;
line-height: 1.6em;
}
a {
color: initial;
outline: 0;
/*text-decoration: underline;*/
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
color: #012C77;
outline: 0;
}
.customers a {
color:#fff;
}
.customers a:hover,
.customers a:focus {
text-decoration: none;
color: #E3273D;
outline: 0;
}
.navbar {
margin-bottom: 0;
background: #979d91;
box-shadow: 0 0 10px rgba(0,0,0,0.4);
border: 0;
transition: all .2s ease-in-out;
}
.smartphone_nav { display: none; }
.sub_nav { display: none; }
.navbar .container { position: relative; }
.navbar-brand {
height: 50px;
width: 211px;
line-height: 1em;
display: inline-block;
padding: 0 20px;
background-color: #ffffff;
position: absolute;
left: calc(50% - 85px);
top: 25px;
font-weight: 700;
border-radius: 25px;
text-align: center;
transition: all .2s ease-in-out;
box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}
.navbar-brand IMG {
width: 100%;
transition: all .2s ease-in-out;
}
.right-nav { margin-left: 280px; }
.navbar-nav>li:first-child {
margin-left: 160px;
}
.navbar-brand h1{
color: #fff;
font-size: 20px;
line-height: 40px;
}
.navbar-brand:focus {
outline: 0;
}
.nav>li>a:hover, .nav>li>a:focus, .nav>li.active>a, .nav>li.open>a {
text-decoration: none;
background: rgba(255,255,255,1);
background: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-radial-gradient(top, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background: -o-radial-gradient(top, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(top, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.navbar-custom ul.nav li a, .sub_nav li a {
font-size: 15px;
letter-spacing: 1px;
color: #fff;
font-weight: 700;
height: 50px;
padding: 15px 10px;
}
.sub_nav li a {
padding-top: 15px;
}
@media (max-width: 1100px) {
.navbar-custom ul.nav li a, .sub_nav li a {
letter-spacing: normal;
font-weight: normal;
}
}
.navbar-custom ul.nav li a.selected, .sub_nav li a.selected { border-bottom: 5px solid #b4cc3a; }
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
outline: 0;
}
.navbar-nav {
margin: 0;
}
.navbar-nav>li {
float: left;
}
.smartphone_nav { display: none; }
.smartphone_nav li a { text-align: center; padding: 10px 15px !important; line-height: 15px; letter-spacing: 1px !important; }
.sub_nav { display: none; position: relative; width: 100%; background: #979d91; box-shadow: 0 0 10px rgba(0,0,0,0.4); z-index: 10; }
.sub_nav UL { float: left }
.sub_nav_conseil { }
.top-nav-collapse { min-height: 50px; }
.top-nav-collapse .navbar-brand { top: 15px; left: calc(50% - 70px);
width: 180px; height: 50px; }
.top-nav-collapse .navbar-brand IMG { width: 137px; }
.top-nav-collapse ul.nav li a { height: 50px; padding-top: 10px; }
.top-nav-collapse ul.smartphone_nav li a { padding-top: 4px !important; }
#preloader {
background: rgb(237, 234, 234);
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
#loaderInner {
background:#ffffff url(../img/spinner.gif) center center no-repeat;
height: 60px;
left: 50%;
margin: -50px 0 0 -50px;
position: absolute;
top: 50%;
width: 60px;
}
@keyframes boxSpin{
0%{
transform: translate(-10px, 0px);
}
25%{
transform: translate(10px, 10px);
}
50%{
transform: translate(10px, -10px);
}
75%{
transform: translate(-10px, -10px);
}
100%{
transform: translate(-10px, 10px);
}
}
@keyframes shadowSpin{
0%{
box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
}
25%{
box-shadow: 10px 10px #39CCCC, -10px -10px #FFDC00;
}
50%{
box-shadow: -10px 10px #39CCCC, 10px -10px #FFDC00;
}
75%{
box-shadow: -10px -10px #39CCCC, 10px 10px #FFDC00;
}
100%{
box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
}
}
.btn-blue {
border: 0;
background-color: #0097aa;
color: #ffffff;
text-align: center;
padding: 20px 50px;
font-size: 20px;
line-height: 20px;
font-weight: 300;
font-style: italic;
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
outline: 0;
transition: all linear 0.2s;
}
.btn-blue:hover, .btn-blue:focus {
background-color: #ffffff;
color: #0097aa;
}
.btn-blue:active {
background-color: #a4c6c2;
color: #000000;
box-shadow: inset 0 2px 10px rgba(0,0,0,0.6);
}
.no-padding-right { padding-right: 0 !important; }
.no-padding-left { padding-left: 0 !important }
.italic { font-style: italic; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.shadowed { box-shadow: 0 2px 10px rgba(0,0,0,0.6); }
.inset_shadow { box-shadow: inset 0 2px 10px rgba(0,0,0,0.6); }
.blue_box { background-color: #0097aa; color: #ffffff; padding: 30px; }
.blue_box P { margin-bottom: 0; font-size: 18px; line-height: 28px; font-weight: normal; }
.blue_box P:last-child { margin-bottom: 0; }
.white_box { background-color: rgba(255,255,255,0.85); padding: 20px; color: #000000; }
#load {
z-index: 9999;
background-color: #FF4136;
opacity: 0.75;
width: 10px;
height: 10px;
position: absolute;
top: 50%;
margin: -5px auto 0 auto;
left: 0;
right: 0;
border-radius: 0;
border: 5px solid #FF4136;
box-shadow: 10px 0 #39CCCC, 10px 0 #01FF70;
animation: shadowSpin 1s ease-in-out infinite;
}
.intro {
width:100%;
height: 100%;
min-height: 870px;
position:relative;
background-image: url("../img/background_digital.jpg");
background-size: auto;
background-position: center 40px;
padding: 1px 0 0 0;
}
.intro .slogan h1 {
color: #FFF;
font-size: 36px;
line-height: 36px;
font-weight: 700;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
border-width: 0;
border-color: #000;
border-style: none;
margin: 150px 0 20px 0;
position: relative;
text-align: center;
}
.intro .slogan P {
text-align: center;
color: #ffffff;
text-shadow: 0 0 5px rgba(0,0,0,0.4);
margin-bottom: 40px;
font-size: 28px;
font-weight: lighter;
}
.home_slider_container {}
.home_slider_btn_container { list-style: none; margin: 0 0 10px; padding: 0; text-align: center; }
.home_slider_btn_container .home_slider_item { display: inline-block; padding: 0 15px; }
.home_slider_btn_container .home_slider_item A { transition: none; display: inline-block; width: 131px; height: 131px; color: #ffffff; line-height: 131px; text-align: center; font-size: 131px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.6) }
.home_slider_btn_container .home_slider_item A.selected { box-shadow: inset 0 0 10px rgba(0,0,0,0.8) }
.home_slider_btn_container .home_slider_item A .normal { display: none }
.home_slider_btn_container .home_slider_item A .inverse { display: inline-block; }
.home_slider_btn_container .home_slider_item A.selected .normal { display: inline-block; }
.home_slider_btn_container .home_slider_item A.selected .inverse { display: none; }
.home_slider_content_container { position: relative; padding-top: 14px; }
.home_slider_content { width: 656px; height: 250px; margin: 0 auto; background-color: rgba(0,0,0,0.4); padding: 20px 40px 0 40px; }
.page_activcrea .home_slider_content { background-color: rgba(0,0,0,0.6); }
.home_slider_arrow { height: 14px; width: 28px; border-right: 14px solid transparent; border-top: 0; border-left: 14px solid transparent; border-bottom: 14px solid rgba(0,0,0,0.4); position: absolute; left: 196px; top: 0; transition: left linear 0.2s; }
.page_activcrea .home_slider_arrow { left: 192px; border-bottom: 14px solid rgba(0,0,0,0.6); }
.home_slider_content_elem { display: none; }
.home_slider_content_elem H2 { font-size: 25px; margin-bottom: 30px; }
.home_slider_content_elem P { font-size: 18px; margin: 0; color: #ffffff; line-height: 22px; font-weight: normal; }
.home_slider_content_elem IMG { display: none; }
.home_slider_content_elem.content_ingenerie_pedagogique { display: block; }
.home_slider_content_elem.content_ingenerie_pedagogique H2 { color: #b4cc3a; }
.home_slider_content_elem.content_creation_graphique H2 { color: #93C050; }
.home_slider_content_elem.content_gestion_projet H2 { color: #0097AA; }
.home_slider_content_elem.content_realisation_multimedia H2 { color: #28A595; }
.circle_block { display: inline-block; vertical-align: top; width: 240px; height: 240px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.3); color: #ffffff; text-align: center; padding-top: 40px; margin: 0 30px; }
.circle_block SPAN { font-size: 30px; font-weight: bold; display: block; }
.circle_block .num { font-size: 50px; }
.circle_block .italic { font-size: 25px; font-weight: normal; }
.circle_block_lightgreen {
background: rgba(196,219,66,0.9);
background: -moz-linear-gradient(top, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,219,66,0.85)), color-stop(100%, rgba(156,179,4,0.85)));
background: -webkit-linear-gradient(top, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
background: -o-linear-gradient(top, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
background: -ms-linear-gradient(top, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
background: linear-gradient(to bottom, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4db42', endColorstr='#9cb304', GradientType=0 );
}
.circle_block_green {
margin-top: 190px;
background: rgba(147,192,80,0.85);
background: -moz-linear-gradient(top, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,192,80,0.85)), color-stop(100%, rgba(119,165,51,0.85)));
background: -webkit-linear-gradient(top, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
background: -o-linear-gradient(top, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
background: -ms-linear-gradient(top, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
background: linear-gradient(to bottom, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c050', endColorstr='#77a533', GradientType=0 );
}
.circle_block_darkgreen {
background: rgba(86,193,145,0.85);
background: -moz-linear-gradient(top, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,193,145,0.85)), color-stop(100%, rgba(50,161,115,0.85)));
background: -webkit-linear-gradient(top, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
background: -o-linear-gradient(top, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
background: -ms-linear-gradient(top, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
background: linear-gradient(to bottom, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56c191', endColorstr='#32a173', GradientType=0 );
}
.project {
padding: 0 0 50px;
background-position: center 0;
min-height: 600px;
background-image: url('../img/background_digital_project.jpg');
}
.project .carousel { display: none; }
.project H1 { font-size: 35px; color: #058393; margin: 0 auto 150px; font-weight: bold; width: auto; display: inline-block; padding: 100px 40px 70px; background-color: #ffffff; box-shadow: 0 2px 10px rgba(0,0,0,0.3); border-radius: 0 0 50px 50px; }
.project_phase { position: relative; }
.project_phase:nth-child(even) { padding-top: 50px; }
.project_phase I {
display: inline-block;
margin: 20px 0;
color: #ffffff;
font-size: 120px;
text-shadow: 0 1px 8px rgba(0,0,0,0.6);
}
.project_phase.viewed I {
background-color: #868686;
color: transparent;
text-shadow: 2px 2px 3px rgba(255,255,255,0.4);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
}
.project_phase P { font-size: 22px; line-height: 25px; color: #646658; margin: 0; padding: 0 35px; }
.project_phase P STRONG { text-transform: uppercase; font-size: 25px; line-height: 28px; }
.project_phase .phase_arrow { position: absolute; top: 40%; right: -44px; }
.project_phase .animation_container_plus_left1 { position: absolute; top: -8px; left: 70px; }
.project_phase .animation_container_plus_left2 { position: absolute; bottom: -8px; left: 70px; }
.project_phase .animation_container_plus_right3 { position: absolute; top: -8px; left: 70px; }
.project_phase .animation_container_plus_right4 { position: absolute; bottom: -8px; left: 70px; }
.project_phase .animation_container_plus_left5 { position: absolute; bottom: -8px; left: 70px; display: none }
.phase_progress_container { margin-top: 100px; }
.phase_progress_container .phase_dot { width: 20px; height: 20px; border-radius: 50%; display: inline-block; background-color: #ffffff; vertical-align: middle; }
.phase_progress_container .phase_bar_container { width: 200px; height: 5px; margin: 0 10px; display: inline-block; background-color: #f1ece7; box-shadow: inset 0 -2px 5px rgba(0,0,0,0.2); }
.phase_progress_container .phase_bar_container .phase_bar { height: 5px; width: 0; background-color: #76dceb; box-shadow: inset 0 -2px 5px rgba(0,0,0,0.2); transition: width linear 0.5s; }
.phase_progress_container .phase_dot.selected { background-color: #76dceb; box-shadow: 0 2px 10px rgba(0,0,0,0.4); }
.phase_modal_container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 997; }
.phase_modal { background-color: #ffffff; box-shadow: 0 2px 12px rgba(0,0,0,0.4); position: absolute; top: 170px; left: 250px; width: 540px; z-index: 998; text-align: left }
.phase_modal_close_btn { position: absolute; top: 10px; right: 10px; color: #ffffff; font-size: 30px; text-shadow: 0 2px 5px rgba(0,0,0,0.5); }
.phase_modal_close_btn:hover, .phase_modal_close_btn:focus {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation-name: swing;
animation-name: swing;
color: #98709D;
}
.phase_modal2 { left: 540px; }
.phase_modal3 { left: 90px; }
.phase_modal4 { left: 380px; }
.phase_modal5 { left: 380px; }
.phase_modal .phase_modal_header { background-color: #51c0d6; padding: 70px 35px 30px; }
.phase_modal .phase_modal_header H2 { font-size: 30px; line-height: 35px; color: #ffffff; }
.phase_modal .phase_modal_header H2 STRONG { display: block; text-transform: uppercase; font-size: 35px; line-height: 40px; margin-bottom: 5px; }
.phase_modal .phase_modal_content { padding: 35px 35px 50px; }
.phase_modal .phase_modal_content P { color: #624d59; font-size: 18px; }
.section_seed {
overflow: hidden;
background: rgba(41,159,180,1);
background: -moz-linear-gradient(top, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41,159,180,1)), color-stop(100%, rgba(13,136,155,1)));
background: -webkit-linear-gradient(top, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
background: -o-linear-gradient(top, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
background: -ms-linear-gradient(top, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
background: linear-gradient(to bottom, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299fb4', endColorstr='#0d889b', GradientType=0 );
}
.seed_perle_mobile_container { display: none; }
.seed_perle_container IMG { margin-top: -30px; }
.seed_perle_container P { color: #ffffff; font-size: 18px; line-height: 22px; padding: 5px 11px; margin-top: 20px; }
.spi_licence_validity_container .spi_licence_validity { display: block; width: 500px !important; height: 500px !important; padding: 40px 40px !important; background-color: #ffffff !important;; box-shadow: 0 0 10px rgba(0,0,0,0.4) !important; }
.spi_licence_validity_container .spi_licence_validity P { color: #035d67 !important; font-size: 22px !important; margin-top: 20px; }
.section_seed .seed_icon { position: absolute; top: -36px; left: 42%; left: calc(50% - 36px); }
.spi_licence_validity_container .spi_licence_validity:hover .seed_logo {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation-name: swing;
animation-name: swing;
}
.section_seed .seed_logo { width: 110px; }
.expertise_lcms {
padding: 100px 0 60px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,241,239,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f1ef', GradientType=0 );
border-bottom: 2px solid #ffffff;
color: #646658;
}
.expertise_lcms H1 { font-size: 36px; font-weight: bold; margin-bottom: 70px; }
.expertise_lcms P { font-size: 18px; line-height: 24px; }
.section_equipe {
background-position: center 0;
min-height: 947px;
background-image: url('../img/background_equipe.jpg');
padding: 100px 0 80px;
color: #ffffff;
}
.section_equipe H1 {
font-weight: bold;
margin-bottom: 40px;
}
.section_equipe P {
width: 500px;
margin: 0 auto;
font-size: 18px;
line-height: 22px;
}
.job_link_container { padding-top: 400px; position: relative; }
.job_link_container .job_link_block {
display: inline-block;
position: absolute;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
z-index: 10;
}
.job_link_container .job_link_block:hover { background-position: center bottom; }
.job_link_block_relative { position: relative; height: 100%; width: 100%; }
.job_link_block_relative .job_link_dot { z-index: 10; display: none; position: absolute; background-color: #ffffff; border-radius: 50%; border: 2px solid #91bd4f; width: 20px; height: 20px; left: 40%; left: calc(50% - 10px); bottom: -25px; }
.job_link_block:hover .job_link_block_relative .job_link_dot { display: block; }
.job_link_block_relative .job_link { z-index: 9; display: none; height: 3px; background-color: #b4cc3a; position: absolute; left: 50%; bottom: -17px; transform: rotate(90deg); transform-origin: top left; }
.job_link_block:hover .job_link_block_relative .job_link { display: block; }
.ingenieur_pedagogique { background-image: url("../img/ingenieur.png"); width: 188px; height: 70px; top: 30px; left: 180px; }
.ingenieur_pedagogique .job_link_1 { transform: rotate(95deg); width: 400px; }
.ingenieur_pedagogique .job_link_2 { transform: rotate(59deg); width: 410px; }
.ingenieur_pedagogique .job_link_4 { transform: rotate(28deg); width: 700px; }
.chef_projet { background-image: url("../img/chef.png"); width: 197px; height: 32px; top: 70px; left: 670px; }
.chef_projet .job_link_1 { transform: rotate(147deg); width: 620px; }
.chef_projet .job_link_2 { transform: rotate(132deg); width: 410px; }
.chef_projet .job_link_3 { transform: rotate(102deg); width: 410px; }
.chef_projet .job_link_4 { transform: rotate(67deg); width: 350px; }
.directeur_artistique { background-image: url("../img/directeur.png"); width: 328px; height: 35px; top: 130px; left: 370px; }
.directeur_artistique .job_link_2 { transform: rotate(102deg); width: 300px; }
.directeur_artistique .job_link_4 { transform: rotate(35deg); width: 460px; }
.graphiste { background-image: url("../img/graphiste.png"); width: 148px; height: 54px; top: 210px; left: 510px; }
.graphiste .job_link_3 { transform: rotate(56deg); width: 190px; }
.graphiste .job_link_4 { transform: rotate(27deg); width: 360px; }
.expert_lms { background-image: url("../img/expert.png"); width: 134px; height: 27px; top: 220px; left: 845px; }
.expert_lms .job_link_1 { transform: rotate(165deg); width: 690px; }
.expert_lms .job_link_3 { transform: rotate(140deg); width: 290px; }
.expert_lms .job_link_4 { transform: rotate(89deg); width: 160px; }
.ux_designer { background-image: url("../img/ux.png"); width: 227px; height: 27px; top: 290px; left: 205px; }
.ux_designer .job_link_2 { transform: rotate(37deg); width: 170px; }
.developpeur_web { background-image: url("../img/dev.png"); width: 249px; height: 36px; top: 300px; left: 675px; }
.developpeur_web .job_link_3 { transform: rotate(140deg); width: 130px; }
.developpeur_web .job_link_4 { transform: rotate(38deg); width: 180px; }
.phase_bloc {
position: relative;
z-index: 11;
background-color: rgba(180,204,58,0.85);
border-radius: 65px 65px 20px 20px;
color: #181717;
font-size: 15px;
width: 120px;
margin: 0 50px;
display: inline-block;
padding-bottom: 10px;
}
.phase_2 { background-color: rgba(147,192,80,0.85); }
.phase_3 { background-color: rgba(111,183,102,0.85); }
.phase_4 { background-color: rgba(40,165,149,0.85); }
.phases_container {
margin-top:400px
}
.phases_container .phase_bloc P { width: auto; margin-top: 5px; padding: 0 5px; font-size: 15px; line-height: 18px; font-style: italic; }
.phases_container .phase_bloc P strong { margin-top: 10px; font-style: normal; }
.phases_container .phase_bloc I { color: #ffffff; font-size: 120px; text-shadow: 0 1px 8px rgba(0,0,0,0.6); }
.section_client {
padding: 100px 0 50px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(213,210,201,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d2c9', GradientType=0 );
}
.section_client H1 { font-size: 36px; color: #646658; text-align: center; font-weight: bold; margin-bottom: 100px; }
.client_logo_link { transition: none; display: inline-block; background-position: top center; margin: 0 50px 50px; vertical-align: middle; }
.client_logo_link:hover { background-position: bottom center; }
.client_idf { background-image: url("../img/client_idf.png"); width: 87px; height: 80px; }
.client_cma:not(.client_circle) { background-image: url(../img/cma.png); width: 125px; height: 80px; background-size: 120px; background-repeat: no-repeat; margin: 0 30px 30px; filter: grayscale(); }
.client_cma:not(.client_circle):hover { background-position: top center; filter: unset; }
.client_rte { background-image: url("../img/client_rte.png"); width: 115px; height: 57px; }
.client_lacriee { background-image: url("../img/client_lacriee.png"); width: 160px; height: 32px; }
.client_areva { background-image: url("../img/client_areva.png"); width: 120px; height: 75px; }
.client_aprr { background-image: url("../img/client_aprr.png"); width: 180px; height: 26px; }
.client_acte { background-image: url("../img/client_acte.png"); width: 172px; height: 79px; }
.client_leroymerlin { background-image: url("../img/client_leroymerlin.png"); width: 133px; height: 80px; }
.client_stm { background-image: url("../img/client_stm.png"); width: 125px; height: 63px; }
.client_total { background-image: url("../img/client_total.png"); width: 254px; height: 79px; }
.client_edf { background-image: url("../img/client_edf.png"); width: 199px; height: 57px; }
.section_client .btn-blue { }
.page_diagnostic .intro { background-image: url('../img/fond_diag.jpg'); min-height: 1080px; background-attachment: fixed; }
.page_diagnostic H1 {
font-size: 40px;
font-weight: bold;
color:#0097AA;
margin-top: 150px;
display: inline-block;
width: 50%;
margin-right: 10px;
text-align: right;
}
.page_diagnostic H1 span {
font-size: 80px;
}
.page_diagnostic .descriptionDispositif {
font-size:14px;
display: inline-block;
margin: 0;
color:#1E1E1E;
margin-left: 10px;
}
.page_diagnostic .page_diagnostic_subtitle {
color: #979D91;
font-size: 28px;
font-weight: bold;
text-align: center;
}
.page_diagnostic .blue_box { margin-bottom: 30px; border-radius: 5px; }
.page_diagnostic .bloc-h2 {
height: 62px;
margin-bottom: 0;
}
.page_diagnostic .bloc-span {
height: 60px;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.page_diagnostic .p-blue-box {
font-size: 22px !important;
margin-top: 20%;
}
.page_diagnostic .nm-shadow { box-shadow: 0 2px 4px rgb(0 0 0 / 60%); }
.page_diagnostic .text-top {
margin-top: 35px;
margin-bottom: 65px;
}
.page_diagnostic.desktop {
display:block
}
.page_diagnostic.mobile {
display: none;
background-color: #fff;
}
@media (max-width: 1200px) {
.page_diagnostic H1 {
text-align: center; color: #B4CC3A; margin: 100px 0 10px; font-weight: bold;
padding-right:initial;
width:100%;
display: block;
padding-top: initial;
}
.page_diagnostic .page_diagnostic_subtitle {
display: initial;
padding-left:initial;
width: 100%;
text-align: center;
margin-top: 0;
}
}
@media (max-width: 1024px) {
.page_diagnostic.desktop {
display:none
}
.page_diagnostic.mobile {
display: block;
}
}
.opca_row p { font-size: 20px; line-height: 32px; font-weight: 100; }
.opca_row .blue_box { border-radius: 0; height: 341px; text-align: right;} /*height: 409px;*/
.opca_row .white_box { background-color: #ffffff; height: 341px; } /*height: 409px;*/
.bg_diagnostic { min-height: 485px; margin-left: 0px; margin-bottom: 30px; background-image: url('../img/bg_diagnostic.png'); background-position: 50px 100px; background-repeat: no-repeat; box-shadow: 0px 2px 4px #00000061; margin-right: -7px; padding-left: 25px; margin-bottom: 15px; } /*min-height: 480px; margin-left: 10px; background-position: 20px 110px;*/
.bg_accompagnement { min-height: 485px; margin-right: 0px; margin-bottom: 30px; background-image: url('../img/bg_accompagnement.png'); background-position: 130px bottom; background-repeat: no-repeat; box-shadow: 0px 2px 4px #00000061; margin-left: -7px; padding-left: 25px; margin-bottom: 15px; } /*min-height: 480px; margin-right: 10px; background-position: 110px bottom;*/
.green_num { font-size: 90px; color: rgba(185, 214, 41, 0.8); line-height: 55px; font-weight: 900; } /*text-shadow: 1px 4px 6px rgba(255,255,255,0.7), 0 0 0 #000, 1px 4px 6px rgba(255,255,255,0.7);*/
.page_diagnostic .white_box { position: relative; padding-top: 14px; }
.page_diagnostic .white_box .arrow {
height: 14px;
width: 28px;
border-right: 14px solid transparent;
border-top: 0;
border-left: 14px solid transparent;
border-bottom: 14px solid rgba(255,255,255,0.85);
position: absolute;
left: 266px;
top: -14px;
transition: left linear 0.2s;
}
.white_box H2 { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.white_box P { font-size: 14px; font-weight: 300; }
.white_box .absolute_text { position: absolute; bottom: 30px; font-weight: bold; font-size: 20px; line-height: 24px; }
.white_box .absolute_text STRONG { font-size: 30px; font-weight: 900; display: block; margin-bottom: 10px; }
.white_box .absolute_text.right { right: 30px; text-align: right; } /*right: 20px;*/
.white_box .absolute_text.left { left: 30px; } /*left: 20px;*/
.opca_partenaire { text-align: center; }
.opca_partenaire P { position: absolute; bottom: 20px; right: 30px; color: #747371; font-style: italic; font-size: 20px; margin: 0; }
.opca_partenaire IMG { margin-right: 20px; margin-top: 40px; height: 100px; } /*margin: 15px 20px 0 20px; height: 110px;*/
#akto_logo { height: 95px; } /*height: 100px;*/
#direccte { height: 75px; }
#cma_logo_new { height: 65px; } /*height: 75px;*/
#opcommerce { height: 115px; }
/* NEW */
#akto_logo { height: 60px; }
#opco_ep { height: 125px; }
#cma_logo_new { height: 75px;margin-right: 5px;}
#opco { height: 75px; }
#financer {
height: 150px;
}
#fleche { height: 75px; }
#presentiel {
position:absolute;
bottom:60px;
width:60px;
right:-4px
}
#distanciel {
width: 60px;
position: relative;
top: -58px;
left: -43px;
}
#afdas { height: 65px; }
#atlas { height: 65px; margin-left: 20px; }
#ballon {
height: 115px;
/*position:relative;
top: -380px;
left: -405px;*/
animation: upBallon 2s ease-in-out;
-webkit-animation: upBallon 2s ease-in-out;
z-index: 3;
top: -210px;
left: 122px;
display: inline;
position:absolute;
}
#ballon2 {
height: 115px;
/*position:relative;
top: -428px;
left: 932px;*/
animation: upBallon2 2.5s ease-in-out;
-webkit-animation: upBallon2 2.5s ease-in-out;
z-index: 3;
top: -193px;
left: -27.9px;
position: absolute;
}
@keyframes upBallon {
0%{
/*top: -115px;*/
top: 54px;
}
100%{
/*top: -405px;*/
top: -210px;
}
}
@-webkit-keyframes upBallon {
0%{
/*top: -115px;*/
top: 54px;
}
100%{
/*top: -405px;*/
top: -210px;
}
}
@keyframes upBallon2 {
0%{
/*top: -115px;*/
top: 105px;
}
100%{
/*top: -428px;*/
top: -193px;
}
}
@-webkit-keyframes upBallon2 {
0%{
/*top: -115px;*/
top: 105px;
}
100%{
/*top: -428px;*/
top: -193px;
}
}
@keyframes upVerticlaLine {
0% {
height: 1px;
top: 167px;
}
25% {
height: 67.3px;
top: 101px;
}
50% {
height: 134.6px;
top: 35px;
}
75% {
height: 200.9px;
top: -31px;
}
100% {
height: 265px;
top: -97px;
}
}
@-webkit-keyframes upVerticlaLine {
0% {
height: 1px;
top: 167px;
}
25% {
height: 67.3px;
top: 101px;
}
50% {
height: 134.6px;
top: 35px;
}
75% {
height: 200.9px;
top: -31px;
}
100% {
height: 265px;
top: -97px;
}
}
@keyframes upVerticlaLine2 {
0% {
height: 1px;
top: 219px;
}
25% {
height: 75px;
top: 144px;
}
50% {
height: 150px;
top: 69px;
}
75% {
height: 220px;
top: -6px;
}
100% {
height: 299px;
top: -79px;
}
}
@-webkit-keyframes upVerticlaLine2 {
0% {
height: 1px;
top: 219px;
}
25% {
height: 75px;
top: 144px;
}
50% {
height: 150px;
top: 69px;
}
75% {
height: 220px;
top: -6px;
}
100% {
height: 299px;
top: -79px;
}
}
/*@media screen and (min-width:501px) and (max-width:1300px) {
!* Tablet styles *!
.page_diagnostic .vertical-line.ballon {
left: 22% !important;
height: 305px !important;
top: -305px !important;
animation: upVerticlaLineTab 3.5s ease-in-out !important;
-webkit-animation: upVerticlaLineTab 3.5s ease-in-out !important;
}
@keyframes upVerticlaLineTab {
0% {
height: 1px !important;
}
100% {
height: 305px !important;
top: -305px;
}
}
@-webkit-keyframes upVerticlaLineTab {
0% {
height: 1px !important;
}
100% {
height: 305px !important;
top: -305px;
}
}
.page_diagnostic #ballon {
top: -445px !important;
left: -54px !important;
animation: upBallonTab 3.5s ease-in-out !important;
-webkit-animation: upBallonTab 3.5s ease-in-out !important;
}
@keyframes upBallonTab {
0%{
top: -115px;
}
100%{
top: -445px;
}
}
@-webkit-keyframes upBallonTab {
0%{
top: -115px;
}
100%{
top: -445px;
}
}
.colorBackground p {
font-size: 13px !important;
}
!* #presentiel {
top: -174px !important;
left: -10px !important;
}*!
!* .timeline .presentielVerticalLine {
left: -63px !important;
top: -96px !important;
}*!
.timeline .distancielVerticalLine {
left: initial !important;
top: -90px !important;
}
.textPresentielDistanciel {
top: -100px !important;
height: 49px !important;
left: -5px !important;
}
#distanciel {
top: -47px !important;
left: -53px !important;
}
.textConvenance {
width: 110px !important;
margin-left: -30px !important;
}
.flecheF {
margin-left: 125px !important;
}
.textAccompagnement {
width: 210px !important;
top: -390px !important;
}
#ballon2 {
top: -748px !important;
left: -32px !important;
animation: upBallon2Tab 3.5s ease-in-out !important;
-webkit-animation: upBallon2Tab 3.5s ease-in-out !important;
}
@keyframes upBallon2Tab {
0%{
top: -115px;
}
100%{
top: -748px;
}
}
@-webkit-keyframes upBallon2Tab {
0%{
top: -115px;
}
100%{
top: -748px;
}
}
.vertical-line.ballon2 {
position: relative !important;
left: -105px !important;
top: -355px !important;
height: 340px !important;
animation: upVerticlaLine2Tab 3.5s ease-in-out !important;
-webkit-animation: upVerticlaLine2Tab 3.5s ease-in-out !important;
}
@keyframes upVerticlaLine2Tab {
0% {
height: 1px !important;
}
100% {
height: 340px !important;
top: -355px;
}
}
@-webkit-keyframes upVerticlaLine2Tab {
0% {
height: 1px !important;
}
100% {
height: 340px !important;
top: -355px;
}
}
.flecheS {
margin-left: -60px !important;
}
.page_diagnostic .timeline .oneLine {
font-size: 13px !important;
margin-top: 29px !important;
}
.verticalUtilison {
left: 550px !important;
}
.verticalUtilison2 {
left: 505px !important;
}
.page_diagnostic .textFirstDiv {
left: 465px !important;
top: -105px !important;
}
.page_diagnostic .textSecondDiv {
width: 250px !important;
left: 835px !important;
top: -165px !important;
position: absolute !important;
}
.verticalMettons {
left: 935px !important;
top: -327px !important;
}
.verticalMettons2 {
top: -248px !important;
left: 890px !important;
}
.page_diagnostic .textLastSection {
padding-top: 30px !important;
}
}*/
@media (max-width: 1200px) {
.opca_partenaire IMG { margin: 30px 10px 0 20px; height: 100px; }
#akto_logo { height: 75px; }
#cma_logo_new { height: 50px; }
}
@media (max-width: 991px) {
.opca_partenaire IMG { margin: 30px 20px 0 40px; height: 100px; }
#akto_logo { height: 90px; }
#cma_logo_new { height: 65px; }
}
@media (max-width: 800px) {
.opca_partenaire IMG { margin: 10px; height: 60px; }
#akto_logo { height: 50px; }
#cma_logo_new { height: 25px; }
.opca_row .white_box {
height: auto;
}
}
.client_showcase_section {
padding: 40px 0 30px;
background: #f6f2ef;
background: -moz-linear-gradient(top, #f6f2ef 0%, #c7beb8 100%);
background: -webkit-linear-gradient(top, #f6f2ef 0%,#c7beb8 100%);
background: linear-gradient(to bottom, #f6f2ef 0%,#c7beb8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f2ef', endColorstr='#c7beb8',GradientType=0 );
}
.client_showcase_section .btn-blue { margin-bottom: 50px; }
.client_showcase_section H2 { color: #747371; font-weight: bold; font-size: 30px; text-align: center; margin-bottom: 0; }
.client_showcase_box { text-align: center; padding: 60px 0 40px }
.temoignage_client_title_smartphone { display: none; }
.client_circle { width: 176px; height: 176px; border-radius: 50%; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; display: inline-block; margin: 0 6px; cursor: pointer; } /*box-shadow: 0 2px 10px rgba(0,0,0,0.6);*/
.client_circle.client_framboise { background-image: url('../img/logo_framboise.jpg'); }
.client_circle.client_delicieux { background-image: url('../img/logodelicieuxinstants.jpg'); }
.client_circle.client_cma { background-image: url('../img/cma77.png'); background-size: 100px; }
.client_circle.client_sgr { background-image: url('../img/SGR-hotels.png'); }
.client_circle.client_steaven { background-image: url('../img/logosteavenrichard.png'); }
/*.client_circle:hover, .client_circle:focus, .client_circle.selected { box-shadow: inset 0 2px 10px rgba(0,0,0,0.6); }*/
.client_random { display: none; cursor: auto }
.client_random.client_framboise { background-image: url('../img/logo_framboise.jpg'); }
.client_random.client_delicieux { background-image: url('../img/logodelicieuxinstants.jpg'); }
.client_random.client_cma { background-image: url('../img/cma77.png'); }
.client_random.client_steaven { background-image: url('../img/logosteavenrichard.png'); }
.white_box.client_comment_container { width: 1200px; margin: auto; }
.client_comment_container { padding: 40px 70px 30px; }
.client_comment_container P { font-weight: 300; color: #747371; font-size: 15px; margin-bottom: 10px; }
.client_comment_container .comment_author { margin: 0; text-align: right; font-weight: bold; font-size: 18px; line-height: 18px; }
.client_comment_container .comment_author SPAN { font-style: italic; display: block; font-weight: 300; font-size: 15px; }
.client_comment { display: none; }
.client_comment_framboise { display: block; }
.site_map { padding: 30px 0; margin: 30px 0; border-top: 1px solid #a4c6c2; border-bottom: 1px solid #a4c6c2; color: #a4c6c2; display: flex; }
.site_map ul { list-style-type: none; text-align: left; width: 100%; margin-bottom: 0; }
.site_map ul.societe { padding-left: 40px; }
.site_map ul li { margin-bottom: 10px; }
.site_map ul li.title { font-size: 18px; padding-bottom: 5px; }
.site_map a { color: #a4c6c2; font-size: 16px; }
.site_map a:hover { color: rgba(30, 154, 174, 1); }
.site_map .footer_nav_center { text-align: center; padding: 0; }
.site_map .footer_nav_right { text-align: right; padding:0 40px 0 0; }
.social_link_container {}
.social_link_container_smartphone { display: none; }
.social_link_container a {
margin: 0;
padding: 0;
display: inline-block;
font-size: 35px;
line-height: 35px;
text-align: center;
color: #249bae;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.social_link_container a:hover { animation-name: swing; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.page_activcrea .intro { background-image: url('../img/fond_ectivcrea.jpg'); min-height: 839px; background-attachment: fixed; background-repeat: no-repeat; }
.page_activcrea H1 { text-align: left; color: #0097aa; margin: 100px 0 40px; font-weight: bold; padding: 0 0 0 340px; }
.page_activcrea H1 P { color: #747371; font-weight: 300; }
.page_activcrea .blue_text { font-size: 18px; font-weight: 300; color: #0097aa; font-style: italic; margin-bottom: 10px; padding: 0 0 0 340px; text-align: left; }
.page_activcrea .grey_text { font-size: 18px; font-weight: 300; color: #747371; font-style: italic; padding: 0 0 0 340px; text-align: left; }
.pole_emploi_relative { position: relative; float: left; }
.pole_emploi_absolute_box {
width: 150px;
height: 170px; position: absolute; top: 0; left: 150px;
background-color: rgba(255,255,255,0.85);
box-shadow: 0 0 10px rgba(0,0,0,0.4);
border-radius: 0 0 75px 75px;
text-align: center;
}
.pole_emploi_absolute_box IMG { margin-top: 25px; display: inline-block; }
.activcrea_circle_container { margin: 100px 0 20px; position: relative; }
.activcrea_circle_box { display: inline-block; position: relative; vertical-align: top; }
.activcrea_circle_box .circle_arrow { position: absolute; top: 70px; right: -40px; z-index: 1; }
.activcrea_circle { display: block; width: 240px; height: 240px; box-shadow: 0 2px 10px rgba(0,0,0,0.6); color: #ffffff; text-align: center; border-radius: 50%; position: relative; margin: 0 60px; z-index: 2; }
.activcrea_circle.selected { background-color: #979d91 !important; box-shadow: inset 0 2px 10px rgba(0,0,0,0.6); }
.activcrea_circle:hover { color: #ffffff; }
.activcrea_circle_box IMG, .activcrea_circle_box I { position: absolute; color: #ffffff; font-size: 70px !important; text-shadow: 0 0 5px rgba(0,0,0,0.4) }
.activcrea_circle_identification .activcrea_circle:hover IMG, .activcrea_circle_identification .activcrea_circle:hover I { animation-name: bounce; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.activcrea_circle_precision .activcrea_circle:hover IMG, .activcrea_circle_precision .activcrea_circle:hover I { animation-name: swing; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.activcrea_circle_decision .activcrea_circle:hover IMG, .activcrea_circle_decision .activcrea_circle:hover I { animation-name: pulse; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.activcrea_circle_box P { padding: 80px 20px 0; line-height: 22px }
.activcrea_circle_box STRONG { display: block; font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.activcrea_circle_description { display: none; }
.activcrea_circle_identification .activcrea_circle { background-color: #b4cc3a; }
.activcrea_circle_precision .activcrea_circle { background-color: #93c050 ; }
.activcrea_circle_decision .activcrea_circle { background-color: #47b07e; }
.activcrea_circle_identification .activcrea_circle I { top: -40px; left: 75px; font-size: 100px !important; }
.activcrea_circle_precision .activcrea_circle I { top: -20px; left: 60px; font-size: 85px !important; }
.activcrea_circle_decision .activcrea_circle I { top: -40px; left: 110px; font-size: 140px !important; }
.activcrea_circle_decision .activcrea_circle I.icon-utilisateur { top: -40px; left: 110px; font-size: 85px !important; }
.page_activcrea .home_slider_content { height: auto; width: 800px; padding: 20px 40px; text-align: center; font-style: italic; }
.content_identification { display: block; }
.activcrea_location { background-color: #0097aa; padding: 50px 0; }
.activcrea_location_title { margin-bottom: 50px; }
.activcrea_location_title P { margin-bottom: 10px; padding-left: 170px; color: #ffffff; line-height: 20px; font-size: 21px; }
.activcrea_location_btn_container { display: inline-block; position: relative; width: 212px; height: 212px; border-radius: 50%; margin-top: 10px; }
.activcrea_location_btn_container IMG { position: absolute; top: -40px; left: 73px; }
.activcrea_location_btn { transition: none; display: inline-block; width: 212px; height: 212px; border-radius: 50%; overflow: hidden; position: relative; background-image: url('../img/activcrea_location.png'); background-repeat: no-repeat; background-position: top center; }
.activcrea_location_btn P { text-align: center; font-weight: bold; color: #c30126; background-color: rgba(255,255,255,0.8); position: absolute; top: 50%; margin: 0; padding: 20px 0; text-transform: uppercase; width: 100%; }
.activcrea_location_btn_container:hover .activcrea_location_btn { background-position: bottom center; box-shadow: none; }
.activcrea_location_btn_container:hover P { background-color: rgba(203,4,0,0.8); color: #ffffff; }
.location_row { margin-bottom: 20px; }
.location_icon { float: left; padding-left: 60px; }
.location_icon I { font-size: 45px; color: #ffffff; margin-top: 12px; display: inline-block; }
.location_icon_phone { padding-left: 56px; }
.location_icon_phone I { font-size: 50px; margin-top: 6px; }
.location_icon_arobase I { margin-top: 0; }
.location_text { float: left; color: #ffffff; padding-left: 25px; }
.location_text STRONG { font-size: 16px; }
.location_text P { line-height: 20px; margin: 0; }
.location_text A { color: #ffffff; }
.activcrea_stats { background-image: url('../img/fond_ectivcrea_foule.jpg'); min-height: 587px; background-repeat: no-repeat; padding-top: 140px; }
.stat_block_container { position: relative; }
.stat_block_container .stat_circle { position: absolute; width: 170px; height: 170px; border-radius: 50%; z-index: 1; text-align: center; }
.stat_block_container .stat_block { background-color: #ffffff; border-radius: 0 30px 0 30px; }
.stat_block_container .stat_block P { margin: 0; }
.stat_accompagnement .stat_circle {
left: -35px;
top: -32px;
background: rgba(253,88,55,1);
background: -moz-linear-gradient(top, rgba(253,88,55,1) 0%, rgba(218,32,47,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,88,55,1)), color-stop(100%, rgba(218,32,47,1)));
background: -webkit-linear-gradient(top, rgba(253,88,55,1) 0%, rgba(218,32,47,1) 100%);
background: -o-linear-gradient(top, rgba(253,88,55,1) 0%, rgba(218,32,47,1) 100%);
background: -ms-linear-gradient(top, rgba(253,88,55,1) 0%, rgba(218,32,47,1) 100%);
background: linear-gradient(to bottom, rgba(253,88,55,1) 0%, rgba(218,32,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5837', endColorstr='#da202f', GradientType=0 );
}
.stat_accompagnement .stat_circle I { margin-top: 33px; display: inline-block; font-size: 90px; color: #ffffff; }
.stat_accompagnement .stat_block { padding: 40px 20px 40px 155px; margin-bottom: 60px; }
.stat_pole_emploi .stat_circle { right: -35px; top: -32px; background: #ffffff; }
.stat_pole_emploi .stat_circle IMG { margin-top: 33px; }
.stat_pole_emploi .stat_block { padding: 15px 155px 15px 20px; }
.page_spi_cma .intro { background-image: url('../img/fond_ciel_SPI_carte.jpg'); min-height: 930px; background-repeat: no-repeat; background-color: #f6f2ef; }
.page_spi_cma H1 { text-align: left; color: #ffffff; margin: 130px 0 40px; font-weight: bold; text-shadow: 0 0 10px rgba(255,255,255,0.6) }
.page_spi_cma H1 P { color: #ffffff; text-shadow: none; margin-top: 20px; font-size: 18px; font-weight: bold; line-height: 20px; }
.page_spi_cma .title_logo_spi_cma { text-align: center; padding-top: 80px; }
.spi_select_cma_container { display: none; }
.spi_select_cma_container P { font-size: 16px; font-style: italic; color: #181717; text-align: center; margin-bottom: 10px; }
.spi_select_cma_container SELECT { width: 100%; text-align: center; height: 30px; background-color: #747371; color: #ffffff; outline: 0; font-size: 16px; margin-bottom: 20px; }
.spi_select_cma_container OPTION { background-color: #0097aa; line-height: 20px; color: #ffffff; font-style: italic; }
.map_svg_container { width: 600px; margin: 0 auto; }
.map_svg_container A { outline: 0; }
.map_svg_container SVG A .st1.selected { fill: #0097aa; }
.spi_avantage_container { background-image: url('../img/fons_spi_les_avantages.jpg'); min-height: 830px; background-repeat: no-repeat; background-position: top center; padding-top: 550
40px; }
.spi_avantage_container h2 { font-size: 36px; color: #747371; text-align: center; margin-bottom: 60px; }
.spi_avantage_container h2 P { margin-top: 20px; font-size: 18px; }
.spi_avantage_showcase_container { text-align: center; }
.spi_avantage_showcase_container .spi_avantage_showcase_list { display: inline-block; width: 345px; }
.spi_avantage_showcase_container .spi_avantage_showcase_list A { display: block; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.4); text-decoration: none; color: #979d91; text-align: left; padding: 0 20px; height: 60px; line-height: 60px; margin-bottom: 5px; }
.spi_avantage_showcase_container .spi_avantage_showcase_list A.selected { color: #ffffff; background-color: #979d91; box-shadow: inset 0 2px 10px rgba(0,0,0,0.6); }
.spi_avantage_showcase_container_mobile { display: none; }
.spi_avantage_showcase_container_mobile .panel {
background-color: #fff;
border: 0;
border-radius: 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}
.spi_avantage_showcase_container_mobile .panel-heading {
padding: 0;
border-bottom: 0;
border-radius: 0;
background-color: #ffffff;
}
.spi_avantage_showcase_container_mobile .panel-group .panel+.panel {
margin-top: 6px;
}
.spi_avantage_showcase_container_mobile .panel-heading A { transition: none; display: block; font-size: 16px; color: #979d91; height: 60px; line-height: 60px; width: 95%; padding-left: 30px; text-align: left; background-image: url('../img/accordion_arrow_down.jpg'); background-repeat: no-repeat; background-position: right center; }
.spi_avantage_showcase_container_mobile .panel-heading A.open { background-image: url('../img/accordion_arrow_up.jpg'); }
.spi_avantage_showcase_container_mobile .panel-body {
border-top: 0 !important;
margin-top: 0;
min-height: 511px;
position: relative;
padding: 0;
background-repeat: no-repeat;
background-position: center;
}
.spi_avantage_showcase_container_mobile .panel-body P {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
height: 88px;
padding: 20px 10px;
color: #ffffff;
background-color: rgba(0,0,0,0.7);
margin: 0;
}
.spi_avantage_showcase_content { display: inline-block; vertical-align: top; margin: 0 0 0 5px; }
.spi_avantage_showcase_content DIV { display: none; width: 622px; height: 320px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; position: relative; }
.spi_avantage_showcase_content DIV.selected { display: block;
animation-name: fadeIn;
animation-duration: 0.6s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.spi_avantage_showcase_content P { position: absolute; bottom: 0; width: 100%; text-align: center; height: 100px; padding: 20px 10px; color: #ffffff; background-color: rgba(0,0,0,0.7); margin: 0; }
.showcase_assistance { background-image: url('../img/avantage_assistance.jpg'); }
.showcase_formation { background-image: url('../img/avantage_formation_mixte.jpg'); }
.showcase_module { background-image: url('../img/avantage_module_varie.png'); }
.showcase_administration { background-image: url('../img/avantage_interface_admin.png'); }
.showcase_suivi { background-image: url('../img/avantage_suivi.png'); }
.showcase_assistance_preload { background: url('../img/avantage_assistance.jpg') no-repeat -9999px -9999px; }
.showcase_formation_preload { background: url('../img/avantage_formation_mixte.jpg') no-repeat -9999px -9999px; }
.showcase_module_preload { background: url('../img/avantage_module_varie.png') no-repeat -9999px -9999px; }
.showcase_administration_preload { background: url('../img/avantage_interface_admin.png') no-repeat -9999px -9999px; }
.showcase_suivi_preload { background: url('../img/avantage_suivi.png') no-repeat -9999px -9999px; }
.btn_spi_demo { display: block; width: 330px; height: 93px; background-color: rgba(0,0,0,0.7); margin: 120px auto 0; position: relative; color: #ffffff; font-size: 26px; line-height: 30px; font-weight: 300; padding: 15px 0 0 40px }
.btn_spi_demo:hover { color: #ffffff; }
.btn_spi_demo I { position: absolute; width: 140px; height: 140px; text-align: center; background-color: #B4CC3A; color: #ffffff; font-size: 70px; line-height: 140px; top: -23px; right: -60px; box-shadow: 0 0 10px rgba(0,0,0,0.4); border-radius: 50%; }
.btn_spi_demo:hover I {
animation-name: pulse;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
animation-iteration-count: 2;
}
.spi_parcours_section { background-color: #0097aa; padding: 60px 0; }
.spi_parcours_section H2 { color: #ffffff; font-size: 36px; margin: 0 0 30px; text-align: center; font-weight: bold; }
.spi_parcours_section P { color: #ffffff; font-size: 18px; text-align: center; margin-bottom: 30px; }
.spi_parcours_section .spi_parcours_types { color: #ffffff; font-size: 35px; text-align: center; margin: 0; }
.spi_parcours_section .spi_parcours_types SPAN { text-transform: uppercase; }
.spi_parcours_section .spi_parcours_types .spi_et { font-weight: bold; color: #a4c6c2; font-size: 70px; line-height: 70px; }
.spi_parcours_step_section { background-image: url('../img/fond_SPI_etapes.jpg'); min-height: 930px; background-repeat: no-repeat; background-position: top center; }
.spi_parcours_step_content { background-color: rgba(0,0,0,0.6); margin: 0 0 0 43%; width: 400px; min-height: 930px; padding-top: 60px; }
.spi_parcours_step_content P { color: #ffffff; text-align: center; font-size: 15px; padding: 0 15px; font-weight: 300; margin-bottom: 0; }
.spi_parcours_step_circle { position: relative; text-align: center; margin: 100px 0 220px; }
.spi_parcours_step_circle .spi_step { position: absolute; z-index: 100; width: 160px; height: 160px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.4); }
.spi_parcours_step_circle .spi_step .spi_step_content { position: relative; }
.spi_parcours_step_circle .spi_step .spi_step_content .spi_step_num { font-weight: 100; font-size: 160px; line-height: 160px; width: 100%; position: absolute; color: rgba(0,0,0,0.1); padding: 0 !important; }
.spi_parcours_step_circle .step_1 {
top: -85px;
left: -80px;
border-bottom-right-radius: 0;
background: rgba(245,88,4,1);
background: -moz-linear-gradient(top, rgba(245,88,4,1) 0%, rgba(218,77,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,88,4,1)), color-stop(100%, rgba(218,77,1,1)));
background: -webkit-linear-gradient(top, rgba(245,88,4,1) 0%, rgba(218,77,1,1) 100%);
background: -o-linear-gradient(top, rgba(245,88,4,1) 0%, rgba(218,77,1,1) 100%);
background: -ms-linear-gradient(top, rgba(245,88,4,1) 0%, rgba(218,77,1,1) 100%);
background: linear-gradient(to bottom, rgba(245,88,4,1) 0%, rgba(218,77,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55804', endColorstr='#da4d01', GradientType=0 );
}
.spi_parcours_step_section .step_1 .spi_step_content P { padding-top: 54px; }
.spi_parcours_step_circle .step_2 {
top: 88px;
left: -150px;
background: rgba(241,75,9,1);
}
.spi_parcours_step_circle .step_2 .spi_step_arrow {
position: absolute;
border-top: 64px solid transparent;
border-right: 64px solid transparent;
border-bottom: 64px solid transparent;
border-left: 64px solid rgba(241,75,9,1);
top: 16px;
right: -96px;
}
.spi_parcours_step_section .step_2 .spi_step_content P { padding: 45px 30px 0 20px; }
.spi_parcours_step_circle .step_3 {
bottom: -85px;
left: -80px;
border-top-right-radius: 0;
background: rgba(242,51,8,1);
background: -moz-linear-gradient(top, rgba(242,51,8,1) 0%, rgba(218,41,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,51,8,1)), color-stop(100%, rgba(218,41,1,1)));
background: -webkit-linear-gradient(top, rgba(242,51,8,1) 0%, rgba(218,41,1,1) 100%);
background: -o-linear-gradient(top, rgba(242,51,8,1) 0%, rgba(218,41,1,1) 100%);
background: -ms-linear-gradient(top, rgba(242,51,8,1) 0%, rgba(218,41,1,1) 100%);
background: linear-gradient(to bottom, rgba(242,51,8,1) 0%, rgba(218,41,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23308', endColorstr='#da2901', GradientType=0 );
}
.spi_parcours_step_section .step_3 .spi_step_content P { padding-top: 18px; }
.spi_parcours_step_circle .step_4 {
bottom: -180px;
left: 125px;
background: rgba(237,5,5,1);
}
.spi_parcours_step_circle .step_4 .spi_step_arrow {
position: absolute;
border-top: 64px solid transparent;
border-right: 64px solid transparent;
border-bottom: 64px solid rgba(237,5,5,1);
border-left: 64px solid transparent;
top: -96px;
right: 16px;
}
.spi_parcours_step_section .step_4 .spi_step_content P { padding-top: 30px; }
.spi_parcours_step_circle .step_5 {
bottom: -85px;
right: -80px;
border-top-left-radius: 0;
background: rgba(220,8,8,1);
background: -moz-linear-gradient(top, rgba(220,8,8,1) 0%, rgba(194,5,5,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,8,8,1)), color-stop(100%, rgba(194,5,5,1)));
background: -webkit-linear-gradient(top, rgba(220,8,8,1) 0%, rgba(194,5,5,1) 100%);
background: -o-linear-gradient(top, rgba(220,8,8,1) 0%, rgba(194,5,5,1) 100%);
background: -ms-linear-gradient(top, rgba(220,8,8,1) 0%, rgba(194,5,5,1) 100%);
background: linear-gradient(to bottom, rgba(220,8,8,1) 0%, rgba(194,5,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0808', endColorstr='#c20505', GradientType=0 );
}
.spi_parcours_step_section .step_5 .spi_step_content P { padding-top: 45px; }
.spi_parcours_step_circle .step_6 {
top: 88px;
right: -150px;
background: rgba(212,6,6,1);
}
.spi_parcours_step_circle .step_6 .spi_step_arrow {
position: absolute;
border-top: 64px solid transparent;
border-right: 64px solid rgba(212,6,6,1);
border-bottom: 64px solid transparent;
border-left: 64px solid transparent;
top: 16px;
left: -96px;
}
.spi_parcours_step_section .step_6 .spi_step_content P { padding-top: 54px; }
.spi_parcours_step_circle .step_7 {
top: -85px;
right: -80px;
border-bottom-left-radius: 0;
background: rgba(188,4,4,1);
background: -moz-linear-gradient(top, rgba(188,4,4,1) 0%, rgba(156,4,4,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,4,4,1)), color-stop(100%, rgba(156,4,4,1)));
background: -webkit-linear-gradient(top, rgba(188,4,4,1) 0%, rgba(156,4,4,1) 100%);
background: -o-linear-gradient(top, rgba(188,4,4,1) 0%, rgba(156,4,4,1) 100%);
background: -ms-linear-gradient(top, rgba(188,4,4,1) 0%, rgba(156,4,4,1) 100%);
background: linear-gradient(to bottom, rgba(188,4,4,1) 0%, rgba(156,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0404', endColorstr='#9c0404', GradientType=0 );
}
.spi_parcours_step_section .step_7 .spi_step_content P { padding-top: 50px; }
.spi_dispositif { min-height: 714px; background-image: url('../img/fond_personnel_cma_formation.jpg'); background-repeat: no-repeat; background-position: top center; padding-top: 80px; background-size: 1920px;}
.spi_dispositif H2 { text-align: center; color: #0097aa; font-size: 36px; font-weight: bold; margin-bottom: 40px; }
.spi_slider { position: relative; }
.spi_slider .spi_slider_btn_container { text-align: center; padding-bottom: 10px; }
.spi_slider .spi_slider_btn_container A { transition: none; display: inline-block; width: 131px; height: 131px; margin: 0 20px; color: #ffffff; line-height: 131px; text-align: center; font-size: 131px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.6) }
.spi_slider .spi_slider_btn_container A.selected { box-shadow: inset 0 0 10px rgba(0,0,0,0.6) }
.spi_slider .spi_slider_btn_container A .normal { display: none }
.spi_slider .spi_slider_btn_container A .inverse { display: inline-block; }
.spi_slider .spi_slider_btn_container A.selected .normal { display: inline-block; }
.spi_slider .spi_slider_btn_container A.selected .inverse { display: none; }
.spi_slider_btn_deploiement.selected { background-color: #B4CC3A; }
.spi_slider_btn_prise.selected { background-color: #93C050 }
.spi_slider_btn_ressources.selected { background-color: #28A595 }
.spi_slider_btn_maintenance.selected { background-color: #1E9AAE }
.spi_slider .home_slider_content_elem strong { display: block; font-size: 25px; margin: 10px 0 30px; color: #b4cc3a; }
.spi_slider .spi_slider_prise strong { color: #93c050; }
.spi_slider .spi_slider_ressourses strong { color: #28a595; }
.spi_slider .spi_slider_maintenance strong { color: #0097aa; }
.spi_slider_deploiement { display: block; }
.spi_slider .home_slider_arrow { left: 289.875px; border-bottom: 14px solid rgba(0,0,0,0.6); }
.spi_slider .home_slider_content { height: 210px; background-color: rgba(0,0,0,0.6); }
.spi_tarification_section { background-color: #0097aa; padding: 60px 0 100px; position: relative; }
.spi_tarification_section H2 { text-align: center; color: #ffffff; font-weight: bold; }
.spi_tarification_section P { text-align: center; color: #ffffff; margin: 0 auto; width: 50%; }
.spi_tarification_section .devis_btn { font-size: 18px; text-align: center; padding: 29px 20px 0; background-color: #B4CC3A; width: 140px; height: 140px; border-radius: 50%; color: #ffffff; box-shadow: 0 2px 10px rgba(0,0,0,0.6); position: absolute; bottom: -60px; left: 42%; left: calc(50% - 70px); }
.spi_tarification_section .devis_btn:hover {
animation-name: tada;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 1;
box-shadow: inset 0 0 10px rgba(0,0,0,0.6);
}
.spi_licence_section {
text-align: center;
background: rgba(246,246,246,1);
background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(223,223,221,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(223,223,221,1)));
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(223,223,221,1) 100%);
background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(223,223,221,1) 100%);
background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(223,223,221,1) 100%);
background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(223,223,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dfdfdd', GradientType=0 );
}
.spi_licence_section .spi_licence_box { display: inline-block; width: 12%; margin: 0 1%; background-color: #faf7f5; padding: 100px 0 20px; margin-top: -4px; box-shadow: 0 2px 10px rgba(0,0,0,0.4); }
.spi_licence_section .spi_licence_box P { margin-bottom: 10px; color: #3b3b3b; font-size: 18px; line-height: 22px; }
.spi_licence_validity_container {
position: relative;
padding: 30px 0 0;
height: 190px;
overflow: hidden;
}
.spi_licence_validity_container .spi_licence_validity {
width: 450px;
height: 225px;
border-radius: 225px 225px 0 0;
background-color: #6da588;
box-shadow: inset 0 0 10px rgba(0,0,0,0.6);
margin: 0 auto 0;
z-index: 0;
position: relative;
padding: 50px 100px 0;
}
.spi_licence_validity_container .spi_licence_validity P { text-align: center; color: #ffffff; font-size: 18px; }
.cma_contact_modal .modal-body { padding: 100px 20px 0; min-height: 345px; background-image: url('../img/cma_blur_logo_modal.jpg'); background-position: center top; background-repeat: no-repeat; }
.contacts_cma_container { text-align: center; }
.contact_cma { display: inline-block; vertical-align: top; width: 31%; margin: 0 1% 50px; text-align: center; }
.contact_cma STRONG { display: block; margin-bottom: 10px; color: #181717; font-size: 18px; }
.contact_cma A { display: inline-block; color: #747371; font-size: 15px; margin-bottom: 4px; }
.contact_cma A:hover,.contact_cma A:focus,.contact_cma A:active { color: #0097aa; }
.page_spi .intro {
min-height: 750px;
background-image: url(../img/fond_spi_accueil.jpg);
background-position: center 50px;
background-repeat: no-repeat;
background-color: #ffffff;
}
.page_spi .logo_row {
margin: 110px 0 20px;
}
.page_spi H1 { font-size: 25px; color: #747371; font-weight: 300; margin: 0 0 10px; }
.page_spi P { font-size: 18px; font-weight: bold; color: #0097aa; line-height: 22px; }
.page_spi .btn_box { display: inline-block; }
.page_spi .page_spi_btn_container { margin-top: 140px; min-width: 280px; text-align: center; display: inline-block; vertical-align: top; }
.page_spi .page_spi_btn_container P { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.8); margin-top: 20px }
.page_spi .page_spi_btn_container IMG { border-radius: 50%; box-shadow: 0 5px 10px rgba(0,0,0,0.6); }
.page_spi .btn_box:hover IMG {
animation-name: bounce;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.page_spi .you_are_box { display: inline-block; background-color: rgba(0,0,0,0.5); padding: 15px 50px; font-size: 30px; font-weight: bold; border-radius: 26px; margin-top: 66px !important; }
.page_spi .circle_bg_gradient {
display: none;
}
.page_spi .circle_bg_gradient_container .mobile_display { display: none; }
.cma_not_found { padding: 45px 0; text-align: center; background-image: url(../img/point_interrogation.png); background-repeat: no-repeat; background-position: 50% 0; }
.spi_ou_vous_voulez { background-color: #ffffff; text-align: center; padding: 75px 0; }
.spi_ou_vous_voulez IMG { }
.spi_ou_vous_voulez P { font-size: 24px; font-weight: 300; font-style: italic; color: #0097aa; margin: 0; }
.spi_montage { background-image: url(../img/fond_SPI_artisan_montage.jpg); background-position: center top; background-repeat: no-repeat; min-height: 540px; text-align: center; position: relative; }
.spi_montage .spi_montage_box { display: inline-block; width: 47%; vertical-align: top; }
.spi_montage .spi_montage_btn_box { text-align: right; }
.spi_montage .spi_montage_box .white_circle { vertical-align: top; display: inline-block; text-align: center; width: 190px; height: 190px; padding: 25px; margin: 170px 40px 0 0; border-radius: 50%; background-color: #ffffff; color: #0097aa; box-shadow: 0 2px 10px rgba(0,0,0,0.6); }
.spi_montage .spi_montage_box .white_circle:last-child { margin-right: 0; }
.spi_montage .spi_montage_box .white_circle I { display: inline-block; color: #0097aa; font-size: 50px; margin-bottom: 15px; }
.spi_montage .spi_montage_box .white_circle I.icon-chrono { font-size: 70px; }
.spi_montage .spi_montage_box .white_circle I.icon-chrono .path:before {
color: #0097aa;
}
.spi_connaissance_container { padding: 50px 20px; color: #ffffff; background-color: rgba(0,0,0,0.6); width: 300px; height: 443px; position: relative; margin: 0 auto; border-radius: 0 0 20px 20px; }
.spi_connaissance_container P { text-transform: uppercase; font-size: 24px; font-weight: 300; line-height: 30px; }
.spi_connaissance_container HR { border-top: 2px solid #ffffff; width: 44px; margin: 40px auto; }
.spi_connaissance_container .spi_connaissance_img { position: absolute; left: 34px; bottom: -101px; }
.spi_connaissance_container I { font-size: 50px; display: inline-block; color: #ffffff; margin-bottom: 20px; }
.page_spi_artisant .spi_parcours_step_section { background-image: url(../img/fond_SPI_artisant_etapes.jpg); background-position: center top; }
.page_spi_artisant .spi_parcours_step_section { min-height: 795px; }
.page_spi_artisant .spi_parcours_step_content { min-height: 795px; }
.page_spi_artisant .spi_parcours_step_circle { margin: 100px 0 0; }
.attestation_section { background-color: #0097aa; position: relative; }
.attestation_section .container { padding-top: 60px; background-image: url('../img/ribbon_attestation.png'); background-repeat: no-repeat; background-position: left center; height: 450px; }
.attestation_section H2 { font-size: 26px; font-weight: bold; color: #ffffff; margin-bottom: 70px; padding-left: 40px }
.attestation_section P { color: #ffffff; font-size: 15px; font-weight: 300; padding-left: 180px; padding-top: 30px; text-shadow: 0 2px 6px rgba(0,0,0,0.6) }
.btn_fusee_box { text-align: center; }
.btn_fusee_box .btn_fusee { display: inline-block; width: 320px; height: 320px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.6); background-color: #93c050; position: relative; bottom: -60px; }
.btn_fusee_box .btn_fusee P { text-align: left; text-transform: uppercase; text-shadow: none; font-size: 22px; line-height: 26px; font-weight: bold; padding: 0; margin: 110px 0 0 70px; }
.btn_fusee_box .btn_fusee I { position: absolute; top: -56px; left: 115px; display: inline-block; font-size: 200px; color: #ffffff; }
.page_home .intro {
min-height: 775px;
background-image: url(../img/background_accueil.jpg);
background-position: center 0;
background-repeat: no-repeat;
background-color: #ffffff;
padding: 0;
background-size: cover;
}
.page_home .spi_licence_validity_container {
position: absolute;
bottom: 0;
width: 100%;
}
.page_home .spi_licence_validity_container .spi_licence_validity {
background-color: #ffffff;
padding: 60px 100px 0;
}
.page_home .spi_licence_validity_container .spi_licence_validity P {
color: #181717;
font-size: 16px;
display: none;
}
.page_home .spi_licence_validity_container .spi_licence_validity P:first-child { display: block; }
.home_cat_container { width: 50%; margin: 0 auto; }
.home_cat_container .home_cat { display: inline-block; display: flex; float: left; align-items: center; justify-content: center; width: 50%; background-color: rgba(0,0,0,0.6); min-height: 780px; }
.home_cat_container .home_cat:first-child { border-right: 5px solid #c7c6c2; }
.home_cat_container .home_cat H2 { color: #ffffff; font-size: 36px; font-weight: bold; line-height: 46px; text-align: center; }
.home_step_content { background-color: transparent; margin: 0 auto; width: 50%; min-height: 776px; padding-top: 0; position: absolute; top: 150px; left: 25%; }
.home_step_content .spi_parcours_step_circle { height: 335px; margin: 85px 0; }
.home_step_content .spi_parcours_step_circle .step_1 {
top: -95px;
left: -80px;
border-bottom-right-radius: 0;
background: rgba(178,202,58,1);
background: -moz-linear-gradient(-45deg, rgba(178,202,58,1) 0%, rgba(142,167,1,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(178,202,58,1)), color-stop(100%, rgba(142,167,1,1)));
background: -webkit-linear-gradient(-45deg, rgba(178,202,58,1) 0%, rgba(142,167,1,1) 100%);
background: -o-linear-gradient(-45deg, rgba(178,202,58,1) 0%, rgba(142,167,1,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(178,202,58,1) 0%, rgba(142,167,1,1) 100%);
background: linear-gradient(135deg, rgba(178,202,58,1) 0%, rgba(142,167,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2ca3a', endColorstr='#8ea701', GradientType=1 );
}
.home_step_content .spi_parcours_step_circle .step_1:hover {
background: rgba(196,219,66,1);
background: -moz-linear-gradient(-45deg, rgba(196,219,66,1) 0%, rgba(157,180,4,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(196,219,66,1)), color-stop(100%, rgba(157,180,4,1)));
background: -webkit-linear-gradient(-45deg, rgba(196,219,66,1) 0%, rgba(157,180,4,1) 100%);
background: -o-linear-gradient(-45deg, rgba(196,219,66,1) 0%, rgba(157,180,4,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(196,219,66,1) 0%, rgba(157,180,4,1) 100%);
background: linear-gradient(135deg, rgba(196,219,66,1) 0%, rgba(157,180,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4db42', endColorstr='#9db404', GradientType=1 );
}
.home_step_content .spi_parcours_step_circle .step_2 {
top: 88px;
left: -150px;
background: #89b645;
}
.home_step_content .spi_parcours_step_circle .step_2:hover {
background: #96c351;
}
.home_step_content .spi_parcours_step_circle .step_2 .spi_step_arrow {
border-left: 64px solid #89b645;
transition: all .2s ease-in-out;
}
.home_step_content .spi_parcours_step_circle .step_2:hover .spi_step_arrow {
border-left: 64px solid #96c351;
}
.home_step_content .spi_parcours_step_circle .step_3 {
bottom: -95px;
left: -80px;
border-top-right-radius: 0;
background: rgba(112,185,105,1);
background: -moz-linear-gradient(45deg, rgba(112,185,105,1) 0%, rgba(79,152,73,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(112,185,105,1)), color-stop(100%, rgba(79,152,73,1)));
background: -webkit-linear-gradient(45deg, rgba(112,185,105,1) 0%, rgba(79,152,73,1) 100%);
background: -o-linear-gradient(45deg, rgba(112,185,105,1) 0%, rgba(79,152,73,1) 100%);
background: -ms-linear-gradient(45deg, rgba(112,185,105,1) 0%, rgba(79,152,73,1) 100%);
background: linear-gradient(45deg, rgba(112,185,105,1) 0%, rgba(79,152,73,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b969', endColorstr='#4f9849', GradientType=1 );
}
.home_step_content .spi_parcours_step_circle .step_3:hover {
background: rgba(124,198,121,1);
background: -moz-linear-gradient(45deg, rgba(124,198,121,1) 0%, rgba(93,166,85,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(124,198,121,1)), color-stop(100%, rgba(93,166,85,1)));
background: -webkit-linear-gradient(45deg, rgba(124,198,121,1) 0%, rgba(93,166,85,1) 100%);
background: -o-linear-gradient(45deg, rgba(124,198,121,1) 0%, rgba(93,166,85,1) 100%);
background: -ms-linear-gradient(45deg, rgba(124,198,121,1) 0%, rgba(93,166,85,1) 100%);
background: linear-gradient(45deg, rgba(124,198,121,1) 0%, rgba(93,166,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc679', endColorstr='#5da655', GradientType=1 );
}
.home_step_content .spi_parcours_step_circle .step_5 {
bottom: -95px;
right: -80px;
border-top-left-radius: 0;
background: rgba(34,148,101,1);
background: -moz-linear-gradient(-45deg, rgba(34,148,101,1) 0%, rgba(71,176,125,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(34,148,101,1)), color-stop(100%, rgba(71,176,125,1)));
background: -webkit-linear-gradient(-45deg, rgba(34,148,101,1) 0%, rgba(71,176,125,1) 100%);
background: -o-linear-gradient(-45deg, rgba(34,148,101,1) 0%, rgba(71,176,125,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(34,148,101,1) 0%, rgba(71,176,125,1) 100%);
background: linear-gradient(135deg, rgba(34,148,101,1) 0%, rgba(71,176,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229465', endColorstr='#47b07d', GradientType=1 );
}
.home_step_content .spi_parcours_step_circle .step_5:hover {
background: rgba(48,158,108,1);
background: -moz-linear-gradient(-45deg, rgba(48,158,108,1) 0%, rgba(100,203,148,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(48,158,108,1)), color-stop(100%, rgba(100,203,148,1)));
background: -webkit-linear-gradient(-45deg, rgba(48,158,108,1) 0%, rgba(100,203,148,1) 100%);
background: -o-linear-gradient(-45deg, rgba(48,158,108,1) 0%, rgba(100,203,148,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(48,158,108,1) 0%, rgba(100,203,148,1) 100%);
background: linear-gradient(135deg, rgba(48,158,108,1) 0%, rgba(100,203,148,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#309e6c', endColorstr='#64cb94', GradientType=1 );
}
.home_step_content .spi_parcours_step_circle .step_6 {
top: 88px;
right: -150px;
background: #179586;
}
.home_step_content .spi_parcours_step_circle .step_6:hover {
background: #249d8e;
}
.home_step_content .spi_parcours_step_circle .step_6 .spi_step_arrow {
border-right: 64px solid #179586;
transition: all .2s ease-in-out;
}
.home_step_content .spi_parcours_step_circle .step_6:hover .spi_step_arrow {
border-right: 64px solid #249d8e;
}
.home_step_content .spi_parcours_step_circle .step_7 {
top: -95px;
right: -80px;
border-bottom-left-radius: 0;
background: rgba(7,130,149,1);
background: -moz-linear-gradient(45deg, rgba(7,130,149,1) 0%, rgba(29,152,174,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(7,130,149,1)), color-stop(100%, rgba(29,152,174,1)));
background: -webkit-linear-gradient(45deg, rgba(7,130,149,1) 0%, rgba(29,152,174,1) 100%);
background: -o-linear-gradient(45deg, rgba(7,130,149,1) 0%, rgba(29,152,174,1) 100%);
background: -ms-linear-gradient(45deg, rgba(7,130,149,1) 0%, rgba(29,152,174,1) 100%);
background: linear-gradient(45deg, rgba(7,130,149,1) 0%, rgba(29,152,174,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#078295', endColorstr='#1d98ae', GradientType=1 );
}
.home_step_content .spi_parcours_step_circle .step_7:hover {
background: rgba(14,137,156,1);
background: -moz-linear-gradient(45deg, rgba(14,137,156,1) 0%, rgba(77,175,186,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(14,137,156,1)), color-stop(100%, rgba(77,175,186,1)));
background: -webkit-linear-gradient(45deg, rgba(14,137,156,1) 0%, rgba(77,175,186,1) 100%);
background: -o-linear-gradient(45deg, rgba(14,137,156,1) 0%, rgba(77,175,186,1) 100%);
background: -ms-linear-gradient(45deg, rgba(14,137,156,1) 0%, rgba(77,175,186,1) 100%);
background: linear-gradient(45deg, rgba(14,137,156,1) 0%, rgba(77,175,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e899c', endColorstr='#4dafba', GradientType=1 );
}
.home_step_content .spi_parcours_step_circle .spi_step .spi_step_content {
position: relative;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.home_step_content .spi_parcours_step_circle P {
font-size: 18px;
line-height: 22px;
}
.home_step_content .spi_parcours_step_circle I {
color: #fff;
font-size: 40px;
margin: 0 0 10px 0;
}
.home_step_content .spi_parcours_step_circle IMG {
margin: 0 0 10px;
}
.home_step_content .spi_step:hover {
transform: scale(1.05);
}
.page_home .logo_container { display: inline-block; background-color: #ffffff; border-radius: 50px; padding: 0 50px; position: absolute; top: 90px; left: calc(50% - 220px) }
.hide_logo .navbar { display: none; }
.hide_logo .navbar-brand { display: none; }
/************ PAGE FORMATION *************/
.page_formation .intro {
min-height: 740px;
background-image: url(../img/fond_formation_accueil.jpg);
background-position: center 40px;
background-repeat: no-repeat;
background-color: #ffffff;
background-attachment: fixed;
}
.preload_formation_surmesure { background: url('../img/fond_formation_surmesure.jpg') no-repeat -9999px -9999px; }
.preload_formation_cma { background: url('../img/fond_formation_cma.jpg') no-repeat -9999px -9999px; }
.preload_formation_dirigeant { background: url('../img/fond_formation_dirigeant.jpg') no-repeat -9999px -9999px; }
.page_formation.surmesure .intro { background-image: url(../img/fond_formation_surmesure.jpg); }
.page_formation.cma .intro { background-image: url(../img/fond_personnel_cma_formation.jpg); }
.page_formation.dirigeant .intro { background-image: url(../img/fond_formation_dirigeant.jpg); }
.page_formation .intro .slogan H1 { transition: all linear 0.5s; margin: 130px 0 20px 0; text-shadow: 0 2px 5px rgba(0,0,0,0.4) }
.page_formation.cma .intro .slogan H1 { color: rgb(128, 131, 117); }
.page_formation .intro .slogan.animated H1 { margin-top: 0; }
.page_formation .intro .slogan P { margin-bottom: 50px; transition: all linear 0.5s; }
.page_formation.cma .intro .slogan P { color: rgb(128, 131, 117); }
.page_formation .intro .slogan.animated P { margin-bottom: 10px; }
.page_formation .dark_bg { width: 960px; margin: 0 auto; background-color: rgba(0,0,0,0.4); padding: 1px 0; }
.page_formation.surmesure .dark_bg, .page_formation.cma .dark_bg, .page_formation.dirigeant .dark_bg { width: 100%; background-color: transparent; padding: 0; margin-top: 120px; }
.formation_dotted_container { position: relative; border: 1px dotted #ffffff; width: 800px; margin: 50px auto 0; text-align: center; padding: 25px 0 90px 0; transition: padding linear 0.5s; }
.page_formation.surmesure .formation_dotted_container, .page_formation.cma .formation_dotted_container, .page_formation.dirigeant .formation_dotted_container { width: 960px; }
.formation_dotted_container legend {
display: inline-block;
width: auto;
padding: 0 30px;
margin: 0 auto;
font-size: 24px;
font-weight: bold;
line-height: inherit;
color: #ffffff;
border: 0;
text-shadow: 0 2px 5px rgba(0,0,0,0.4)
}
.page_formation.cma .formation_dotted_container legend {
color: rgb(128, 131, 117);
}
.formation_dotted_container .formation_btn {
display: inline-block;
width: 33%;
height: 161px;
outline: 0;
color: #ffffff;
background-image: url("../img/formation_btn_surmesure.png");
background-repeat: no-repeat;
background-position: center;
vertical-align: top;
margin: 0;
transition: none;
}
.formation_dotted_container .formation_btn_cma { background-image: url("../img/formation_btn_cma_2.png"); }
.formation_dotted_container .formation_btn_dirigeant { background-image: url("../img/formation_btn_dirigeant.png"); }
.formation_dotted_container .formation_btn:hover, .formation_dotted_container .formation_btn:focus { background-position: center bottom; }
.formation_dotted_container .formation_btn.selected { background-position: center top; }
.formation_dotted_container .formation_btn SPAN {
display: inline-block;
margin-top: 180px;
font-size: 18px;
line-height: 22px;
font-weight: bold;
text-transform: uppercase;
opacity: 1;
padding: 0 10px;
}
.formation_dotted_container.simplified { padding-bottom: 90px; border-bottom: 0; }
.db_logo_container {
margin-top: 151px;
text-align: right;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.db_logo { display: inline-block; margin: 14px 20px; }
.ffp_logo { float: left; display: inline-block; margin: 14px 20px; }
.formation_description_container {
width: 960px;
margin: 0 auto;
position: relative;
background-color: rgba(255,255,255,0.8);
}
.formation_description_arrow {
height: 14px;
width: 28px;
border-right: 14px solid transparent;
border-top: 0;
border-left: 14px solid transparent;
border-bottom: 14px solid rgba(255,255,255,0.8);
position: absolute;
left: 145px;
top: -14px;
transition: left linear 0.2s;
}
.page_formation.cma .formation_description_arrow { left: 465px; }
.page_formation.dirigeant .formation_description_arrow { left: 784px; }
.formation_description_content {
padding: 40px 80px;
text-align: center;
}
.formation_description_content H3 { font-weight: bold; }
.formation_description_surmesure H3 { color: #b4cc3a; }
.formation_description_cma H3 { color: #9b3029; }
.formation_description_dirigeant H3 { color: #28a595 }
.formation_description_content HR { border-top: 1px dotted #b4cc3a; width: 50%; margin: 20px auto; }
.formation_description_content P { color: #181717; }
.formation_thematiques_container {
position: relative;
padding: 40px 40px 0;
width: 960px;
margin: 0 auto;
background: rgba(0,0,0,0.6);
background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.formation_thematiques_container .db_logo_container { display: none; position: absolute; bottom: 0; right: 0; width: 100%; z-index: 0; }
.formation_thematiques_container .db_logo_container A { height: 30px; margin: 14px 20px; }
.formation_thematiques_container .db_logo_container A IMG { height: 30px; }
.page_formation.surmesure .formation_thematiques_container .db_logo_container,
.page_formation.cma .formation_thematiques_container .db_logo_container,
.page_formation.dirigeant .formation_thematiques_container .db_logo_container { display: block; }
.formation_thematiques_content { text-align: center; padding-bottom: 20px; }
.formation_thematiques_content H3 { color: #ffffff; font-size: 25px; font-weight: bold; margin-bottom: 5px; }
.formation_thematiques_content P { color: #ffffff; font-size: 15px; font-style: italic; margin: 0 0 30px; }
.formation_thematiques_content .formation_thematiques_subtitle_bottom { display: none; }
.formation_thematiques_surmesure H3 { font-size: 18px; font-weight: normal; font-style: italic; }
.formation_thematiques_surmesure P { font-size: 20px; font-style: normal; margin: 0 0 50px; padding: 0 20px; }
.formation_thematiques_btn_container { font-size: 0; padding-bottom: 1px; }
.formation_thematiques_detail_btn { display: inline-block; width: 360px; height: 50px; line-height: 50px; margin: 5px 40px; background-color: #ffffff; font-size: 16px; font-weight: bold; box-shadow: 2px 0 10px rgba(0,0,0,0.4); transition: all ease-in-out 0.2s; }
.formation_thematiques_cma .formation_thematiques_detail_btn { color: #9b3029; }
.formation_thematiques_cma .formation_thematiques_detail_btn:hover, .formation_thematiques_cma .formation_thematiques_detail_btn:focus { color: #ffffff; background-color: #ff0000; }
.formation_thematiques_cma .formation_thematiques_detail_btn:active { box-shadow: inset 0 0 10px rgba(0,0,0,0.4) }
.formation_thematiques_dirigeant .formation_thematiques_detail_btn { color: #28a595; }
.formation_thematiques_dirigeant .formation_thematiques_detail_btn:hover, .formation_thematiques_dirigeant .formation_thematiques_detail_btn:focus { color: #ffffff; background-color: #28a595; }
.formation_thematiques_dirigeant .formation_thematiques_detail_btn:active { box-shadow: inset 0 0 10px rgba(0,0,0,0.4) }
.formation_contact_btn { display: inline-block; width: 300px; height: 78px; line-height: 78px; margin-top: 40px; background-color: #c20505; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.4); position: relative; z-index: 1; }
.formation_contact_btn:hover, .formation_contact_btn:focus { background-color: #ffffff; color: #9b3029; }
.formation_contact_btn:active { box-shadow: 0 0 4px rgba(0,0,0,0.4); transform: scale(0.98); }
.formation_thematiques_dirigeant .formation_contact_btn { background-color: #28a595; }
.formation_thematiques_dirigeant .formation_contact_btn:hover, .formation_thematiques_dirigeant .formation_contact_btn:focus { background-color: #ffffff; color: #28a595; }
.formation_thematiques_surmesure .formation_contact_btn { background-color: #1e9aae; margin-top: 0; }
.formation_thematiques_surmesure .formation_contact_btn:hover, .formation_thematiques_surmesure .formation_contact_btn:focus { background-color: #ffffff; color: #1e9aae; }
.page_formation .activcrea_circle_container { margin: 100px 0; }
.page_formation .activcrea_circle_box STRONG { font-size: 18px; font-style: normal; }
.page_formation .activcrea_circle_box P { padding: 68px 20px 0; }
.page_formation .activcrea_circle_box .circle_arrow { top: 45px; right: -40px; }
.page_formation .activcrea_circle { width: 180px; height: 180px; margin: 0 50px; }
.page_formation .activcrea_circle.selected { box-shadow: 0 2px 10px rgba(0,0,0,0.6); }
.page_formation .activcrea_circle_identification .activcrea_circle { background-color: #b4cc3a !important; }
.page_formation .activcrea_circle_precision .activcrea_circle { background-color: #93c050 !important; }
.page_formation .activcrea_circle_decision .activcrea_circle { background-color: #47b07e !important; }
.page_formation .activcrea_circle_identification .activcrea_circle I { top: -26px; left: 52px; font-size: 70px !important; }
.page_formation .activcrea_circle_precision .activcrea_circle I { top: -25px; left: 43px; font-size: 70px !important; }
.page_formation .activcrea_circle_decision .activcrea_circle I { top: -25px; left: 54px; font-size: 70px !important; }
#formation_thematiques_detail_modal {}
#formation_thematiques_detail_modal .modal-header { background-color: #28a595; height: 110px; padding-left: 30px; }
#formation_thematiques_detail_modal.cma .modal-header { background-color: #ff0000; }
#formation_thematiques_detail_modal .modal-header .title { font-size: 24px; color: #ffffff; line-height: 80px; font-weight: bold; width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#formation_thematiques_detail_modal .modal-header .close { top: 26px; right: 30px; font-size: 60px; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.6); }
#formation_thematiques_detail_modal .modal-header .close:hover {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation-name: swing;
animation-name: swing;
}
#formation_thematiques_detail_modal .formation_thematiques_modal_content { display: none; }
#formation_thematiques_detail_modal .modal-body { padding: 0; }
#formation_thematiques_detail_modal .modal-content { background-color: transparent; box-shadow: none; border: 0; }
#formation_thematiques_detail_modal .grey_box {
color: #ffffff;
background: rgba(115,110,106,1);
background: -moz-linear-gradient(top, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(115,110,106,1)), color-stop(100%, rgba(69,66,64,1)));
background: -webkit-linear-gradient(top, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
background: -o-linear-gradient(top, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
background: -ms-linear-gradient(top, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
background: linear-gradient(to bottom, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#736e6a', endColorstr='#454240', GradientType=0 );
}
.dotted_container { margin: 15px 0; border: 1px dotted #ffffff; padding: 30px 40px 0 20px; }
.formation_thematiques_info_title I { margin-right: 10px; font-size: 30px; vertical-align: middle }
.formation_thematiques_info_title STRONG { font-size: 18px; vertical-align: middle }
.formation_thematiques_info_content P { font-size: 14px; margin-bottom: 50px; }
.formation_thematiques_duration { text-align: center; font-weight: bold; font-size: 24px; margin-top: 20px; }
.formation_thematiques_duration SPAN { display: block; font-size: 16px; line-height: 20px; margin-top: 5px; font-weight: normal; font-style: italic; }
.formation_thematiques_duration I { font-size: 30px; color: #ffffff; vertical-align: middle; margin-right: 5px; }
.circle_percent_container {
margin: 0 auto 10px;
vertical-align: text-top;
position: relative;
background-image: url(../img/modal-30-70-percent.png);
background-repeat: no-repeat;
background-position: center;
height: 174px;
width: 174px;
}
#formation_thematiques_detail_modal.cma .circle_percent_container { background-image: url(../img/modal-cma-30-70-percent.png); }
.circle_percent_container P {
position: absolute;
top: 37px;
line-height: 25px;
left: 27px;
text-transform: uppercase;
font-size: 16px;
text-align: left;
}
.circle_percent_container P:last-child {
top: auto;
left: auto;
right: 20px;
bottom: 20px;
text-align: right;
}
.circle_percent_container P SPAN {
display: block;
font-weight: bold;
font-size: 25px;
}
.dual_white_box_container { background-color: #ffffff; }
.dual_white_box_container .dual_white_box { float: left; width: 40%; padding: 30px; text-align: center; }
.dual_white_box_container .dual_white_box I { font-size: 30px; color: #1e9aae; }
.dual_white_box_container .dual_white_box:last-child { width: 60%; border-left: 8px solid rgba(69,66,64,1); }
.dual_white_box_container .dual_white_box_title { color: #1e9aae; font-size: 18px; font-weight: bold; }
#formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box_title { color: #9b3029; }
#formation_thematiques_detail_modal.cma .dual_white_box_container I { color: #9b3029; }
.dual_white_box_container .dual_white_box_content { color: #3b3b3b; font-size: 15px; line-height: 18px; text-align: left; }
.dual_white_box_container .dual_white_box .picto_mobile { display: none; }
#formation_thematiques_detail_modal .formation_contact_btn { display: block; margin: 10px auto 0; background-color: #28a595; }
#formation_thematiques_detail_modal .formation_contact_btn:hover, #formation_thematiques_detail_modal .formation_contact_btn:focus { background-color: #ffffff; color: #28a595; }
#formation_thematiques_detail_modal.cma .formation_contact_btn { background-color: #ff0000; }
#formation_thematiques_detail_modal.cma .formation_contact_btn:hover, #formation_thematiques_detail_modal.cma .formation_contact_btn:focus { background-color: #ffffff; color: #9b3029; }
/************ PAGE LELABBO *************/
.align-left { text-align: left; }
.page_lelabbo { position: relative; }
.page_lelabbo .interstitiel_container {
position: absolute;
/*min-height: 1020px;*/
width: 100%;
z-index: 110;
background-image: url(../img/fond_seed_accueil.jpg);
background-position: center 20px;
background-repeat: no-repeat;
background-color: #ffffff;
background-attachment: fixed;
text-align: center;
}
.page_lelabbo .interstitiel_container IMG { margin: 140px 0 35px; }
.page_lelabbo .interstitiel_container H1 { color: #624d59; font-size: 36px; line-height: 30px; font-weight: bold; margin-bottom: 60px; }
.page_lelabbo .interstitiel_container H1 SPAN { color: #624d59; font-size: 20px; display: block; font-weight: normal; }
.page_lelabbo .interstitiel_container P { color: #ffffff; font-style: italic; text-shadow: 0 0 5px rgba(0,0,0,0.8); font-size: 32px; font-weight: bold; margin-bottom: 0; }
.blue_rounded_btn {
display: inline-block;
width: 170px;
height: 170px;
border-radius: 50%;
background-color: #0097aa;
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
border: 0;
color: #ffffff;
margin: 0 40px;
padding: 0;
outline: 0;
font-size: 20px;
line-height: 24px;
font-style: italic;
text-align: center;
}
.blue_rounded_btn I { display: block; font-size: 40px; font-style: normal; margin: 45px 0 10px; }
.blue_rounded_btn:hover, .blue_rounded_btn:active, .blue_rounded_btn:focus { background-color: #ffffff; color: #0097aa; box-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.post_interstitiel_container { height: 0; overflow: auto }
@media(max-width: 992px) {
.interstitiel_container H1 { margin-bottom: 40px; }
.interstitiel_container P { margin-bottom: 20px !important; }
.interstitiel_container .col-md-6 { text-align: center !important; }
.interstitiel_container .col-md-6 A { margin-bottom: 20px; }
}
@media(max-width: 625px) {
.page_lelabbo .incrustation_block .licence_apprenant_text { float: none; text-align: center; }
.page_lelabbo .incrustation_block IMG { margin: 20px auto; }
}
.page_lelabbo .intro {
min-height: 711px;
background-image: url(../img/fond_plateforme_intro.jpg);
background-position: center 40px;
background-repeat: no-repeat;
background-color: #ffffff;
background-attachment: fixed;
}
.page_lelabbo .intro .slogan { background-color: rgba(0,0,0,0.6); width: 800px; margin: 0 auto; padding: 120px 40px 0; border-radius: 0 0 30px 30px; text-align: center; }
.page_lelabbo .intro .slogan H1 { margin: 20px 0 60px; color: #b4cc3a; font-size: 36px; line-height: 45px; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.page_lelabbo .intro .slogan H1 SPAN { color: #ffffff; text-shadow: none; font-weight: normal; font-size: 20px; line-height: 28px; display: block; text-align: center; }
.page_lelabbo .intro .slogan P { font-size: 28px; font-style: italic; text-shadow: 0 2px 5px rgba(0,0,0,0.8); font-weight: bold; }
.page_lelabbo .activcrea_circle_container { margin: 10px 0 0; padding-bottom: 60px; }
.page_lelabbo .activcrea_circle_box P { padding: 10px 10px 0; text-shadow: none !important; font-size: 18px !important; font-style: normal !important; font-weight: bold; }
.page_lelabbo .activcrea_circle { width: 180px; height: 180px; margin: 0 25px; }
.page_lelabbo .activcrea_circle.selected { box-shadow: 0 2px 10px rgba(0,0,0,0.6); }
.page_lelabbo .activcrea_circle_identification .activcrea_circle { background-color: #b4cc3a !important; }
.page_lelabbo .activcrea_circle_precision .activcrea_circle { background-color: #93c050 !important; }
.page_lelabbo .activcrea_circle_decision .activcrea_circle { background-color: #47b07e !important; }
.page_lelabbo .activcrea_circle IMG, .page_lelabbo .activcrea_circle I { position: static !important; display: inline-block; font-size: 70px !important; margin-top: 10px; transform: rotate(0deg); }
.page_lelabbo .of_content .activcrea_circle I { font-size: 60px !important; }
.page_lelabbo .of_content .activcrea_circle_decision .activcrea_circle I { font-size: 50px !important; margin-bottom: 15px }
.page_lelabbo .of_content .activcrea_circle_precision .activcrea_circle IMG { margin-bottom: 10px }
.page_lelabbo .of_content .activcrea_circle_box P { padding: 5px 5px 0; font-size: 17px !important; font-style: normal !important; font-weight: bold; }
.page_lelabbo .activcrea_circle_decision .activcrea_circle I.icon-utilisateur { font-size: 70px !important; }
.lelabbo_description_section {
min-height: 830px;
background-image: url(../img/fond_plateforme_description.jpg);
background-position: center top;
background-repeat: no-repeat;
background-color: #ffffff;
padding-top: 1px;
}
.lelabbo_description_section H2 { text-align: center; color: #ffffff; font-size: 36px; margin: 60px 0; font-weight: bold; }
.lelabbo_description_slider_container { width: 960px; margin: 0 auto }
.lelabbo_description_slider_btn_container { position: relative; text-align: center; }
.lelabbo_description_slider_btn_container .lelabbo_slider_btn {
display: inline-block;
vertical-align: top;
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #ffffff;
color: #0097aa;
font-size: 18px;
line-height: 18px;
box-shadow: 0 0 10px rgba(0,0,0,0.4);
margin: 0 20px;
font-weight: bold;
}
.lelabbo_description_slider_btn_container .lelabbo_slider_btn.selected {
color: #ffffff;
background-color: #0097aa;
box-shadow: inset 2px 0 10px rgba(0,0,0,0.4);
}
.lelabbo_description_slider_btn_container .lelabbo_slider_btn I { display: block; font-size: 35px; line-height: 35px; margin: 15px 0; }
.lelabbo_description_slider_arrow { position: absolute; bottom: -28px; left: 220px; border-top: 16px solid #ffffff; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 0; transition: left ease-in-out 0.3s; }
.lelabbo_description_slider_content_container { position: relative; height: 470px; margin: 50px 0 0; border: 1px dotted #ffffff; }
.lelabbo_description_slider_content_padding { padding: 20px 20px 0 555px; }
.lelabbo_description_slider_content { display: none; }
.lelabbo_description_slider_content_construire { display: block; }
.lelabbo_description_slider_content H3 { color: #ffffff; font-size: 24px; text-align: center; margin: 25px 0; font-style: italic; font-weight: bold; }
.lelabbo_description_slider_content P { color: #ffffff; line-height: 20px; }
.lelabbo_description_slider_content UL { }
.lelabbo_description_slider_content UL LI { color: #ffffff; }
.lelabbo_description_slider_video_container { position: absolute; z-index: 10; bottom: -40px; left: 10px; width: 518px; height: 431px; background-image: url(../img/lelabbo_video_background.png); background-repeat: no-repeat; }
.lelabbo_description_slider_video_container VIDEO { margin: 23px 24px 0; display: none; width: 470px; height: 265px; }
.lelabbo_description_slider_video_container VIDEO.video_construire { display: block; }
@media (max-width: 518px) {
.lelabbo_description_slider_video_container { background-size: contain; background-position: center top !important; padding-top: 15px !important; }
.lelabbo_description_slider_video_container VIDEO { width: 90%; height: auto; }
.lelabbo_description_section H2 {
font-size: 30px;
margin: 40px 0;
}
}
@media (max-width: 400px) {
.lelabbo_description_slider_video_container { height: 335px !important; }
}
.lelabbo_adaptation_section {
min-height: 1000px;
background-image: url(../img/fond_plateforme_adaptation.jpg);
background-position: center top;
background-repeat: no-repeat;
background-color: #ffffff;
padding-top: 1px;
}
.lelabbo_adaptation_container { width: 800px; margin: 0 auto; position: relative; }
.lelabbo_adaptation_section .entreprise_content .lelabbo_adaptation_white { background-color: rgba(255,255,255,0.6); color: #181717; }
.lelabbo_adaptation_section .of_content .lelabbo_adaptation_white { background-color: rgba(255,255,255,0.9); color: #181717; padding-bottom: 100px; }
.lelabbo_adaptation_section .lelabbo_adaptation_black { background-color: rgba(0,0,0,0.7); color: #ffffff; padding: 65px 0 73px; position: relative; }
.lelabbo_adaptation_section .entreprise_content .lelabbo_adaptation_black { padding: 30px 0; }
.lelabbo_adaptation_section .of_content .lelabbo_adaptation_black { padding: 160px 0 125px; }
.lelabbo_adaptation_section H3 { font-size: 36px; font-weight: bold; margin-bottom: 20px; }
.lelabbo_adaptation_section H4 { font-size: 22px; font-weight: bold; font-style: italic; }
.lelabbo_adaptation_section H5 { font-size: 18px; color: rgb(24, 23, 23); font-weight: bolder; margin: 60px 0; }
.lelabbo_adaptation_section .entreprise_content H5 { color: #747371; margin: 60px 0 40px; font-style: italic; }
.lelabbo_adaptation_section .lelabbo_adaptation_black H4 { font-size: 18px; line-height: 24px; margin: 0; }
.lelabbo_adaptation_section UL { padding: 0 0 0 160px; list-style-type: none; text-align: left; font-size: 15px; margin: 40px 0 60px; }
.lelabbo_adaptation_section .entreprise_content UL { color: #747371; }
.lelabbo_adaptation_section .icon_etablissement_circle { display: inline-block; margin: 40px 0; }
.lelabbo_adaptation_arrow_container { margin-top: 70px; }
.lelabbo_adaptation_arrow_container SPAN { display: inline-block; vertical-align: middle; font-size: 15px; }
.lelabbo_adaptation_arrow_container IMG { display: inline-block; margin: 0 20px; }
.multisite_container { background-color: #ffffff; padding: 30px 0; }
.multisite_container P { margin: 0; font-style: italic; color: #da2a01; font-weight: bolder; font-size: 18px; }
.lelabbo_adaptation_blue_circle { width: 221px; height: 221px; border-radius: 50%; background-color: #da0101; position: absolute; right: 45%; right: calc(50% - 110px); top: -110px; z-index: 10; padding: 30px; }
.lelabbo_adaptation_blue_circle P { color: #ffffff; text-align: center; font-size: 20px; line-height: 26px; font-style: italic; font-weight: bold; margin-top: 20px; }
.lelabbo_budget_section { background-color: #32b5dc; background-image: url(../img/fond_tarification.jpg); background-position: center top; background-repeat: no-repeat; text-align: center; padding: 140px 0 0; height: 790px; }
.lelabbo_budget_section H3 { color: #ffffff; font-size: 36px; font-weight: bold; margin-bottom: 40px; }
.lelabbo_budget_section P { font-size: 18px; line-height: 24px; color: #000000; }
.incrustation_block { position: relative; text-align: center; width: 800px; margin: 0 auto; height: 100%; }
.incrustation_block .incrustation_image { position: absolute; top: 80px; left: -540px; }
.incrustation_block.entreprise_content .incrustation_image { top: 60px; right: -540px; left: auto; }
.incrustation_block IMG { display: inline-block; margin: 50px 0 30px; }
.incrustation_block .licence_text { font-size: 30px; font-weight: bold; color: #624d59; text-transform: uppercase; }
.incrustation_block .licence_apprenant_text { font-size: 18px; color: #ffffff; float: left; font-style: italic; margin: 40px 60px 0 80px; text-align: right; }
.incrustation_block .licence_apprenant_text STRONG { font-style: normal; }
.licence_cost_container { margin-top: 80px; }
.licence_cost_container UL { border-bottom: 0; }
.licence_cost_container LI { width: 50%; text-align: right; margin: 0; }
.licence_cost_container LI:last-child { text-align: left; }
.licence_cost_container LI A {
border: 0;
border-bottom: 2px solid #5eb2c7;
margin: 12px 0 0;
font-size: 30px;
font-weight: bold;
color: #007789;
padding: 0 100px;
height: 88px;
line-height: 88px;
border-radius: 0;
background-color: rgba(255,255,255,0.2);
}
.licence_cost_container .nav-tabs LI A:hover, .licence_cost_container .nav-tabs LI A:focus, .licence_cost_container .nav-tabs LI A:active {
height: 100px;
margin: 0;
background: transparent;
background-color: rgba(255,255,255,0.2);
border-bottom: 2px solid #5eb2c7;
}
.licence_cost_container .nav-tabs LI.active A, .licence_cost_container .nav-tabs LI.active A:hover, .licence_cost_container .nav-tabs LI.active A:focus, .licence_cost_container .nav-tabs LI.active A:active {
border: 0 !important;
height: 100px;
line-height: 100px;
margin: 0;
box-shadow: 0 -4px 5px rgba(0,0,0,0.1);
background: rgba(246,246,246,0.8);
background: -moz-linear-gradient(top, rgba(246,246,246,0.8) 0%, rgba(244,243,244,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,0.8)), color-stop(100%, rgba(244,243,244,0.8)));
background: -webkit-linear-gradient(top, rgba(246,246,246,0.8) 0%, rgba(244,243,244,0.8) 100%);
background: -o-linear-gradient(top, rgba(246,246,246,0.8) 0%, rgba(244,243,244,0.8) 100%);
background: -ms-linear-gradient(top, rgba(246,246,246,0.8) 0%, rgba(244,243,244,0.8) 100%);
background: linear-gradient(to bottom, rgba(246,246,246,0.8) 0%, rgba(244,243,244,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f4f3f4', GradientType=0 );
}
.licence_cost_container .tab-pane {
padding: 40px 0 0;
position: relative;
box-shadow: 0 4px 5px rgba(0,0,0,0.2);
background: rgba(244,243,244,0.8);
background: -moz-linear-gradient(top, rgba(244,243,244,0.8) 0%, rgba(223,223,221,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,243,244,0.8)), color-stop(100%, rgba(223,223,221,1)));
background: -webkit-linear-gradient(top, rgba(244,243,244,0.8) 0%, rgba(223,223,221,1) 100%);
background: -o-linear-gradient(top, rgba(244,243,244,0.8) 0%, rgba(223,223,221,1) 100%);
background: -ms-linear-gradient(top, rgba(244,243,244,0.8) 0%, rgba(223,223,221,1) 100%);
background: linear-gradient(to bottom, rgba(244,243,244,0.8) 0%, rgba(223,223,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f4', endColorstr='#dfdfdd', GradientType=0 );
}
.licence_cost_container .tab-pane P { color: #624d59; font-size: 25px; margin-bottom: 40px; font-style: italic; }
.licence_cost_container .tab-pane P STRONG { font-style: normal; }
.licence_cost_container .tarif_block { display: inline-block; background-color: #ffffff; width: 200px; margin: 0 25px 25px; border-radius: 10px 10px 0 0; box-shadow: 0 2px 8px rgba(0,0,0,0.6); }
.licence_cost_container .tarif_block .nb_stagiaire { margin: 0; height: 90px; line-height: 90px; color: #0097aa; font-size: 20px; border-radius: 10px 10px 0 0; background-color: #f7fafb; font-style: normal; }
.licence_cost_container .tarif_block .nb_stagiaire STRONG { font-size: 26px; }
.licence_cost_container .tarif_block .price { font-size: 32px; line-height: 32px; font-weight: bold; color: #0097aa; margin: 35px 0 15px; font-style: normal; }
.licence_cost_container .tarif_block .price_detail { color: #808375; font-size: 16px; margin: 0 0 20px; }
.licence_expiration_container { background-color: #868683; padding: 50px 0; }
.licence_expiration_container P { color: #ffffff; font-size: 18px; }
.licence_expiration_container P STRONG { font-style: italic; }
.en_savoir_plus_section { background-color: #0097aa; padding: 50px 0; text-align: center; }
.en_savoir_plus_section H3 { font-style: italic; font-weight: bold; font-size: 36px; color: #ffffff; margin: 0 0 80px; }
.en_savoir_plus_section .savoir_plus_btn { display: inline-block; vertical-align: top; margin: 0 15px; width: 220px; height: 220px; border-radius: 50%; background-color: #33acbb; box-shadow: 0 0 10px rgba(0,0,0,0.4); color: #ffffff; font-size: 18px; font-weight: bold; }
.en_savoir_plus_section .savoir_plus_btn:hover, .en_savoir_plus_section .savoir_plus_btn:focus { background-color: #018a9b; box-shadow: inset 2px 0 10px rgba(0,0,0,0.4); color: #ffffff; }
.en_savoir_plus_section .savoir_plus_btn I { display: inline-block; font-size: 90px; margin: 25px 0 15px; }
.en_savoir_plus_section .savoir_plus_btn SPAN { display: block; }
.en_savoir_plus_section .savoir_plus_btn:hover I {
animation-name: bounce;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.en_savoir_plus_section .coffee_btn_mobile { display: none; }
.en_savoir_plus_section .coffee_btn { background-image: url(../img/find_us_sprite.png); background-position: center top; background-color: transparent; box-shadow: none; position: relative; transition: none; margin-top: 130px; }
.en_savoir_plus_section .coffee_btn I { position: absolute; top: -50px; left: 66px; }
.en_savoir_plus_section .coffee_btn:hover, .en_savoir_plus_section .coffee_btn:focus { background-position: center -218px; background-color: transparent; box-shadow: none; }
.en_savoir_plus_section .coffee_btn:hover I, .en_savoir_plus_section .coffee_btn:focus I {
animation-name: fadeOutUp;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
opacity: 0;
}
#map { height: 0; transition: height ease-in-out 0.5s; }
#map.open { height: 400px; }
.omendo_modal {}
.omendo_modal .modal-dialog {
margin: 80px auto;
}
.omendo_modal .modal-content { background: transparent; box-shadow: none; border: 0; }
.omendo_modal .modal-header { padding: 0; border-bottom: 0; min-height: 0; }
.omendo_modal .modal-header .close { color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.4); }
.omendo_modal .modal-header-icon {
margin: 0;
position: absolute;
z-index: 1;
top: -50px;
left: 42%;
left: calc(50% - 40px);
width: 80px;
height: 80px;
background-color: #0097aa;
color: #ffffff;
font-size: 40px;
padding-top: 15px;
box-shadow: 0 -5px 10px rgba(0,0,0,0.4);
border-radius: 50%;
text-align: center;
}
.omendo_modal .modal-body { background-color: #0097aa; color: #ffffff; padding: 20px 40px; }
.omendo_modal .modal-content H3 { font-weight: bold; margin: 35px 0 15px; text-align: center; font-size: 28px; }
.omendo_modal .modal-content P { margin: 0 0 35px; text-align: center; font-size: 16px; font-style: italic; }
.omendo_modal .modal-content .form-group { display: block; font-size: 0; }
.omendo_modal .modal-content LABEL { width: 35%; padding-right: 10px; text-align: right; font-weight: normal; font-size: 16px; vertical-align: top; }
.omendo_modal .modal-content .form-control { width: 65%; font-size: 16px; margin-bottom: 10px; border-radius: 0; box-shadow: inset 1px 1px 8px rgba(0,0,0,0.7); border: 0; }
.omendo_modal .modal-content TEXTAREA.form-control { height: 140px; }
.omendo_modal .modal-footer {
margin-top: 4px;
padding: 0;
text-align: center;
border-top: 0;
font-size: 0;
}
.omendo_modal .modal-footer .btn {
display: inline-block;
font-size: 16px;
font-style: italic;
text-transform: none;
width: 49%;
padding: 8px 12px;
border: 0;
border-radius: 0;
color: #0097AA;
background-color: #ffffff;
border-color: transparent;
margin: 0 2% 0 0 !important;
outline: 0;
}
.omendo_modal .modal-footer .btn:hover, .omendo_modal .modal-footer .btn:focus { outline: 0; background-color: #0097aa; color: #ffffff; }
.omendo_modal .modal-footer .btn:last-child { margin: 0 !important;; }
.modal-footer-contact {
position: relative;
background-color: #0097aa;
color: #ffffff;
padding: 40px 40px 10px;
margin-top: 80px;
}
.modal-backdrop.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.g-recaptcha { display: inline-block; margin-top: 18px; }
.contact_message_valide P { margin-bottom: 0; display: none; }
.page_mentions_legales { position: relative; padding-top: 50px; background-color: #888d83; }
.page_mentions_legales .cgu_container { width: 960px; margin: 0 auto; padding: 70px 0; }
.page_mentions_legales .mentions_legales_nav {
background: rgba(246,246,245,1);
background: -moz-linear-gradient(top, rgba(246,246,245,1) 0%, rgba(221,221,219,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,245,1)), color-stop(100%, rgba(221,221,219,1)));
background: -webkit-linear-gradient(top, rgba(246,246,245,1) 0%, rgba(221,221,219,1) 100%);
background: -o-linear-gradient(top, rgba(246,246,245,1) 0%, rgba(221,221,219,1) 100%);
background: -ms-linear-gradient(top, rgba(246,246,245,1) 0%, rgba(221,221,219,1) 100%);
background: linear-gradient(to bottom, rgba(246,246,245,1) 0%, rgba(221,221,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f5', endColorstr='#dddddb', GradientType=0 );
}
.page_mentions_legales .mentions_legales_nav UL { list-style-type: none; margin: 0 auto; width: 400px; }
.page_mentions_legales .mentions_legales_nav UL A { color: #1e9aae; font-size: 18px; line-height: 30px; text-decoration: underline; }
.page_mentions_legales .general_information_container { background-color: #0097aa; box-shadow: 0 2px 8px rgba(0,0,0,0.4) }
.page_mentions_legales .general_information_container .general_information_row { margin-bottom: 50px; }
.page_mentions_legales .general_information_container .omendo_mail { font-style: italic; font-weight: bold; color: #ffffff; }
.page_mentions_legales .general_information_container .omendo_mail:hover { color: #ffffff; text-decoration: underline; }
.page_mentions_legales H1, .page_mentions_legales H2 { font-size: 36px; color: #ffffff; margin: 0 0 70px; text-align: center; }
.page_mentions_legales H2 { margin: 70px 0; }
.page_mentions_legales H2:first-child { margin: 0 0 70px; }
.page_mentions_legales P { color: #ffffff; font-size: 20px; line-height: 26px; font-weight: 300; }
.page_mentions_legales .back_top { position: fixed; outline: 0; bottom: 40px; right: 10%; display: none; z-index: 100; }
.page_contact { background-color: #0097aa; padding-bottom: 20px; }
.page_contact H1 { margin: 180px 0 70px; text-align: center; font-style: italic; font-weight: bold; color: #ffffff }
.page_contact H1 A { color: #ffffff !important; }
.page_contact .formation_contact_btn { margin: 0 0 70px; background-color: #ffffff; color: #0097aa; }
.page_contact .formation_contact_btn:hover { background-color: #EA4235; color: #ffffff; }
.page_contact P { font-size: 20px; text-align: center; margin: 0 0 20px; color: #ffffff; line-height: 26px; }
.page_contact P IMG { margin-right: 5px; width: 14px; vertical-align: top; display: none; }
.page_contact P.location_title { cursor: pointer; }
.page_contact P.location_title.selected { cursor: default; }
.page_contact P.location_title.selected IMG { display: inline-block; }
.page_contact .col-md-4 P:last-child { margin-bottom: 60px; }
@media (max-height: 725px) and (min-width: 650px) {
.page_home.v3 .introduction h1 {
padding-top: calc(3vh + 60px);
}
}
@media (max-width: 1200px) {
.navbar .container { width: 100%; padding: 0; box-shadow: 0 0 10px rgba(0,0,0,0.4); }
.navbar-brand {
display: inline-block;
position: static;
left: 0;
top: 0;
border-radius: 0;
margin: 0 !important;
box-shadow: none;
}
.navbar-nav>li:first-child { margin-left: 0; }
.right-nav { margin-left: 0; }
.activcrea_circle { width: 230px; height: 230px; margin: 0 40px; }
.activcrea_circle_identification .activcrea_circle IMG {
top: -43px;
left: 80px;
}
.activcrea_circle_box P {
font-size: 14px;
}
.project_phase .animation_container_plus_left1 {
left: 30px;
}
.project_phase .animation_container_plus_left2 {
left: 30px;
}
.job_link_block:hover .job_link_block_relative .job_link_dot { display: none; }
.job_link_block:hover .job_link_block_relative .job_link { display: none; }
.phases_container { display: none; }
}
@media (max-width: 1024px) {
.home_cat_container .home_cat H2 {
font-size: 20px;
line-height: 26px;
}
.page_home .logo_container {
top: 50px;
}
.client_logo_link {
background-position: bottom center;
}
.client_cma:not(.client_circle) {
filter: unset;
background-position: top center;
}
.job_link_block:hover .job_link_block_relative .job_link_dot { display: none; }
.job_link_block:hover .job_link_block_relative .job_link { display: none; }
.phases_container { display: none; }
}
@media (max-width: 992px) {
.page_mentions_legales .cgu_container { width: 100%; margin: 0 auto; padding: 70px 40px; }
.desktop_nav { display: none; }
.smartphone_nav { display: block; }
.page_conseiller .intro { background-image: url('../img/background_digital_mobile.jpg'); min-height: 670px; }
.page_conseiller .intro H1 { margin-top: 100px; font-size: 26px; }
.page_conseiller .intro .slogan P {
padding: 0 10px;
font-size: 26px;
}
.circle_block {
width: 190px;
height: 190px;
padding-top: 20px;
margin: 0 15px;
}
.circle_block_green {
margin-top: 150px;
}
.circle_block .num {
font-size: 40px;
}
.project {
min-height: 980px;
background-image: url(../img/background_digital_project_mobile.jpg);
}
.project H1 { padding: 70px 40px 70px; margin-bottom: 50px; }
.project_phase { width: 400px; margin: 0 auto 30px; height: 160px; }
.project_phase P.project_phase_title{ margin-top: 40px; }
.project_phase1 P, .project_phase3 P { text-align: left; padding: 0 0 0 140px; }
.project_phase2 P, .project_phase4 P { text-align: right; padding: 0 140px 0 0; }
.project_phase1 I, .project_phase3 I { float: left; }
.project_phase2 I, .project_phase4 I { position: absolute; top: 0; right: 0; }
.project_phase:nth-child(even) {
padding-top: 0;
}
.project_phase .animation_container_plus_left1 {
left: -100px;
}
.project_phase .animation_container_plus_left2 {
right: -5px;
left: auto;
}
.project_phase .animation_container_plus_right3 {
left: 0;
}
.project_phase .animation_container_plus_right4 {
left: auto;
right: -100px;
display: none;
}
.project_phase .animation_container_plus_left5 {
left: auto;
right: 0;
display: block;
}
.project_phase .phase_arrow {
position: absolute;
top: auto;
bottom: -40px;
right: 45%;
right: calc(50% - 41px);
}
.project_phase1 .phase_arrow, .project_phase3 .phase_arrow { transform: rotate(9deg);}
.project_phase2 .phase_arrow { transform: rotate(165deg);}
.phase_progress_container {
margin-top: 0;
position: absolute;
top: 240px;
left: 100px;
transform: rotate(90deg);
transform-origin: top left;
width: 680px;
}
.phase_progress_container .phase_bar_container {
width: 140px;
}
.phase_modal {
left: 0 !important;
width: 100%;
}
.phase_modal_container {
background-color: rgba(0,0,0,0.4);
}
.page_conseiller .spi_licence_validity_container {
padding: 30px 0 0;
height: 245px;
}
.page_conseiller .spi_licence_validity_container .spi_licence_validity {
width: 200px !important;
height: 200px !important;
padding: 40px 30px !important;
box-shadow: 0 2px 15px rgba(0,0,0,0.6) !important;
border-radius: 50%;
}
.page_conseiller .spi_licence_validity_container .spi_licence_validity P {
font-size: 18px !important;
margin-top: 10px;
}
.seed_perle_pc_container { display: none; }
.seed_perle_mobile_container { display: block; }
.seed_perle_mobile_container .seed_perle_container { float: left; width: 50%; }
.seed_perle_bottom_container IMG {
margin-top: 0px;
margin-bottom: -35px;
}
.special_perle { margin-top: 60px; }
.section_equipe {
min-height: 765px;
background-image: url(../img/background_equipe_mobile.jpg);
padding: 80px 0 80px;
}
.ingenieur_pedagogique { left: 5%; }
.chef_projet { left: 70%; }
.directeur_artistique { left: 30%; top: 150px; }
.graphiste { left: 40%; top: 250px; }
.expert_lms { left: 80%; top: 240px; }
.ux_designer { left: 3%; top: 340px; }
.developpeur_web { left: 55%; top: 370px; }
.job_link_block:hover .job_link_block_relative .job_link_dot { display: none; }
.job_link_block:hover .job_link_block_relative .job_link { display: none; }
.phases_container { display: none; }
.page_diagnostic .container { padding: 0; width: 100%; }
.page_diagnostic .row { margin: 0; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 0;
padding-right: 0;
}
.page_diagnostic .intro {
background-image: none;
}
.smartphone_bg_intro {
background-image: url(../img/fond_diag_smartphone.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.page_diagnostic H1 {
margin: 120px 0 60px;
}
.white_box {
background-color: rgba(255,255,255,1);
}
.page_diagnostic .blue_box {
margin-bottom: 0;
border-radius: 0;
position: relative;
z-index: 10;
}
.opca_row .blue_box {
height: auto;
}
.bg_diagnostic {
margin-left: 0;
margin-bottom: 10px;
background-position: center 110px;
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.bg_accompagnement {
margin-right: 0;
margin-bottom: 0;
background-position: center bottom;
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.prise_en_charge { text-align: center; }
.opca_partenaire { box-shadow: 0 2px 10px rgba(0,0,0,0.6); }
.site_map { display: block; margin: 30px 10px; }
.site_map ul { text-align: center; padding: 0; }
.site_map .footer_nav_right { text-align: center; padding: 0; }
.social_link_container { display: none; }
.social_link_container_smartphone { display: block; }
footer p {
font-size: 14px;
}
.client_showcase_section H2 {
padding: 0 10px;
}
.client_showcase_box {
padding: 40px 0;
}
.page_activcrea .intro { background-image: url(../img/fond_ectivcrea_smarphone.jpg); background-attachment: scroll; }
.page_activcrea .intro .container { width: 100%; padding: 0; }
.page_activcrea .intro .row { margin: 0 }
.page_activcrea .home_slider_content { width: 100%; }
.page_activcrea .home_slider_content_container { display: none; }
.page_activcrea {
margin-top: 0!important;
}
.page_activcrea H1 { padding: 0 0 0 220px; }
.page_activcrea .blue_text { padding: 0 0 0 220px; }
.page_activcrea .grey_text { padding: 0 0 0 220px; }
.pole_emploi_absolute_box { left: 20px; }
.activcrea_circle_container { margin: 100px 0 0; }
.activcrea_circle_description {
display: block;
color: #ffffff;
height: 235px;
position: absolute;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.4);
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.activcrea_circle_box { display: block; padding-bottom: 185px }
.activcrea_circle_precision, .activcrea_circle_decision { padding-top: 60px; background-image: url(../img/fond_ectivcrea_smarphone2.jpg); }
.activcrea_circle_precision { background-position: top center; }
.activcrea_circle_decision { background-position: bottom center; }
.activcrea_circle_box .circle_arrow {
bottom: -60px;
top: auto;
right: 42%;
right: calc(50% - 60px);
transform: rotateZ(75deg);
}
.activcrea_circle_box P {
padding: 60px 20px 40px;
line-height: 22px;
max-width: 650px;
margin: 0 auto;
font-size: 16px;
}
.activcrea_circle_description P STRONG {
display: inline-block;
font-size: 18px;
}
.activcrea_circle {
display: inline-block;
}
.activcrea_circle.selected {
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.activcrea_circle_identification .activcrea_circle {
background-color: #b4cc3a !important;
}
.activcrea_circle_precision .activcrea_circle {
background-color: #93c050 !important;
}
.activcrea_circle_decision .activcrea_circle {
background-color: #47b07e !important;
}
.activcrea_circle P { padding: 80px 20px 0; }
.activcrea_location_title P {
text-align: center;
padding-left: 0;
}
.activcrea_location_btn_col { text-align: center; }
.location_row_container { text-align: center; margin-top: 20px; }
.location_row { display: inline-block; width: 310px; padding-left: 60px; }
.location_icon { padding-left: 0; }
.location_text { text-align: left; }
.activcrea_stats { padding-bottom: 60px; background-repeat: repeat; }
.activcrea_stats .container { width: 100%; }
.stat_accompagnement .stat_circle { left: 42%; left: calc(50% - 85px); top: -115px; }
.stat_pole_emploi .stat_circle { left: 42%; left: calc(50% - 85px); top: auto; bottom: -119px; }
.stat_accompagnement .stat_block {
padding: 60px 20px 20px 20px;
margin-bottom: 20px;
}
.stat_pole_emploi .stat_block { padding: 15px 15px 60px 15px; }
.stat_block_container .stat_block { border-radius: 0; }
.stat_block_container .stat_block P { text-align: center; }
.page_spi_cma .intro {
background-image: url(../img/fond_ciel_SPI_carte_mobile.jpg);
min-height: 854px;
background-color: #f6f2ef;
}
.page_spi_cma H1 {
text-align: center;
margin: 20px 0 40px;
padding: 0 20px;
font-size: 26px;
}
.spi_select_cma_container { display: block; }
.map_svg_container {
width: 85%;
}
.spi_avantage_container {
background-image: url(../img/fons_spi_les_avantages_mobile.jpg);
min-height: 775px;
background-position: bottom center;
background-color: #f6f2ef;
position: relative;
padding-bottom: 290px;
}
.spi_avantage_container h2 {
font-size: 26px;
padding: 0 20px;
}
.spi_avantage_showcase_container { display: none; }
.spi_avantage_showcase_container_mobile { display: block; width: 95%; margin: 0 auto; }
.spi_avantage_showcase_container_mobile .panel-body {
min-height: 300px;
}
.spi_avantage_showcase_container_mobile .panel-body P {
font-size: 14px;
line-height: 18px;
}
.spi_avantage_container .btn_spi_demo { position: absolute; bottom: 0; width: 100%; padding: 32px 0 0; text-align: center; margin: 0; font-size: 22px; }
.spi_avantage_container .btn_spi_demo I { top: -120px; left: calc(50% - 70px); right: auto; }
.spi_parcours_section H2 {
padding: 0 20px;
font-size: 26px;
}
.spi_parcours_section P {
padding: 0 20px;
}
.spi_parcours_section .spi_parcours_types {
font-size: 29px;
}
.spi_parcours_section .spi_parcours_types .spi_et {
font-size: 60px;
}
.spi_parcours_step_section {
background-image: url(../img/fond_SPI_etapes_mobile.jpg);
min-height: 1180px;
}
.spi_parcours_step_section .spi_parcours_step_content {
background-color: transparent;
margin: 0;
width: 100%;
min-height: auto;
padding: 240px 0 19px;
}
.spi_parcours_step_content_p {
background-color: rgba(0,0,0,0.7);
padding: 15px 20px !important;
}
.spi_parcours_step_circle {
margin: 50px 0;
height: 700px;
}
.spi_parcours_step_circle IMG { display: none; }
.spi_parcours_step_circle .step_1 {
top: 0;
left: calc(50% - 180px);
border-bottom-right-radius: 0;
}
.spi_parcours_step_circle .step_2 {
top: 75px;
left: calc(50% + 20px);
border-bottom-left-radius: 0;
background: -moz-linear-gradient(top, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,75,9,1)), color-stop(100%, rgba(218,62,1,1)));
background: -webkit-linear-gradient(top, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
background: -o-linear-gradient(top, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
background: -ms-linear-gradient(top, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
background: linear-gradient(to bottom, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f14b09', endColorstr='#da3e01', GradientType=0 );
}
.spi_parcours_step_circle .step_2 .spi_step_arrow {
display: none;
}
.spi_parcours_step_circle .step_3 {
top: 180px;
left: calc(50% - 180px);
border-bottom-right-radius: 0;
border-top-right-radius: 50%;
}
.spi_parcours_step_circle .step_4 {
top: 255px;
left: calc(50% + 20px);
border-bottom-left-radius: 0;
background: -moz-linear-gradient(top, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,5,5,1)), color-stop(100%, rgba(218,1,1,1)));
background: -webkit-linear-gradient(top, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
background: -o-linear-gradient(top, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
background: -ms-linear-gradient(top, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
background: linear-gradient(to bottom, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0505', endColorstr='#da0101', GradientType=0 );
}
.spi_parcours_step_circle .step_4 .spi_step_arrow {
display: none;
}
.spi_parcours_step_circle .step_5 {
top: 360px;
left: calc(50% - 180px);
border-bottom-right-radius: 0;
border-top-left-radius: 50%;
}
.spi_parcours_step_circle .step_6 {
top: 435px;
left: calc(50% + 20px);
border-bottom-left-radius: 0;
background: -moz-linear-gradient(top, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,6,6,1)), color-stop(100%, rgba(171,5,5,1)));
background: -webkit-linear-gradient(top, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
background: -o-linear-gradient(top, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
background: -ms-linear-gradient(top, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
background: linear-gradient(to bottom, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40606', endColorstr='#ab0505', GradientType=0 );
}
.spi_parcours_step_circle .step_6 .spi_step_arrow {
display: none;
}
.spi_parcours_step_circle .step_7 {
top: 540px;
left: calc(50% - 180px);
border-bottom-right-radius: 0;
border-bottom-left-radius: 50%;
}
.spi_dispositif { display: none; }
.spi_tarification_section {
background-color: #ffffff;
background-image: url('../img/cma_blur_logo.jpg');
background-position: center 20px;
background-repeat: no-repeat;
padding-top: 150px;
}
.spi_tarification_section H2 {
padding: 0 20px;
color: #1e9aae;
font-size: 26px;
}
.spi_tarification_section P {
padding: 0 20px;
color: #747371;
font-size: 14px;
width: 80%;
}
.spi_licence_section {
box-shadow: 0 0 10px rgba(0,0,0,0.6);
padding-top: 10px;
}
.spi_licence_section .spi_licence_box {
width: 130px;
margin: 0 2% 10px;
padding: 80px 0 30px;
background: #ffffff;
}
.spi_licence_validity_container .spi_licence_validity P {
font-size: 16px;
}
.spi_licence_tva {
text-align: center;
left: 0;
bottom: -10px;
width: 100%;
font-size: 14px;
}
.cma_contact_modal .modal-lg { width: 70%; margin: 20px auto; }
.contact_cma { width: 98%; }
.cma_contact_modal .modal-body {
padding: 30px 20px 0;
min-height: 215px;
background-size: 100% auto;
}
.contact_cma {
margin: 0 1% 20px;
}
.page_spi .intro {
background-image: url(../img/fond_spi_accueil_mobile.jpg);
}
.page_spi .intro_block {
box-shadow: 0 0 10px rgba(0,0,0,0.6);
width: 100%;
text-align: center;
}
.page_spi .logo_row {
margin: 350px 0 20px;
}
.page_spi .intro_block P {
font-size: 18px;
font-weight: 300;
line-height: 20px;
margin: 30px 0;
}
.page_spi .circle_bg_gradient_container {
position: relative;
padding: 0 0 30px;
width: 100%;
background: rgba(189,176,156,1);
background: -moz-linear-gradient(top, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,176,156,1)), color-stop(100%, rgba(16,18,16,1)));
background: -webkit-linear-gradient(top, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
background: -o-linear-gradient(top, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
background: -ms-linear-gradient(top, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
background: linear-gradient(to bottom, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdb09c', endColorstr='#101210', GradientType=0 );
}
.page_spi .circle_bg_gradient {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 150px;
background-color: #f5ecdc;
border-radius: 0 0 70px 70px;
box-shadow: inset 0 -20px 50px rgba(0,0,0,0.4);
z-index: 1;
}
.page_spi .page_spi_btn_container { position: relative; z-index: 2; margin-top: 140px; min-width: auto; margin: 50px 10px 30px; }
.page_spi .page_spi_btn_container P { display: none; }
.page_spi .you_are_box_container { position: absolute; top: 20px; left: 0; width: 100%; z-index: 2; margin: 0; min-width: auto; }
.page_spi .you_are_box { background-color: transparent; color: #747371 !important; font-size: 22px; width: 100%; padding: 0; margin: 0 !important; text-shadow: none !important; display: block !important; }
.page_spi .circle_bg_gradient_container .mobile_display { display: block; color: #ffffff; font-style: italic; font-weight: 300; }
.attestation_section H2 { text-align: center; padding-left: 0; margin-bottom: 40px; }
.attestation_section P { padding-left: 0; text-align: center; }
.attestation_section .container { height: 530px; }
.btn_fusee_box { position: static; }
.btn_fusee_box .btn_fusee { position: absolute; width: 250px; height: 250px; border-radius: 50%; bottom: -30px; left: calc(50% - 125px); }
.btn_fusee_box .btn_fusee P { font-size: 20px; line-height: 25px; margin: 90px 0 0 50px; }
.btn_fusee_box .btn_fusee IMG { position: absolute; top: -45px; left: 85px; width: 140px; }
.page_spi_artisant .spi_parcours_step_section {
background-image: url('../img/fond_SPI_artisant_etapes_mobile.jpg');
}
.spi_montage {
background-image: url(../img/fond_SPI_artisan_montage_tablette.jpg);
}
.spi_montage .container { width: 100%; }
.spi_montage .spi_montage_box .white_circle {
width: 170px;
height: 170px;
padding: 15px;
margin: 170px 40px 0 0;
}
.page_home .intro {
min-height: 1035px;
background-image: url(../img/background_accueil_mobile.jpg);
}
.page_home .logo_container {
left: calc(50% - 203px);
top: 60px;
}
.page_home .logo_container IMG { height: 90px; }
.home_cat_container {
width: 550px;
}
.home_cat_container .home_cat {
background-color: transparent;
min-height: auto;
padding-top: 175px;
}
.home_cat_container .home_cat:first-child {
border-right: 0;
}
.home_cat_container .home_cat H2 {
font-size: 30px;
line-height: 36px;
text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.home_step_content {
width: 100%;
min-height: 776px;
padding-top: 0;
position: absolute;
top: 150px;
left: auto;
}
.home_step_content .spi_parcours_step_circle {
height: 572px;
width: 360px;
margin: 85px auto;
background-image: url('../img/arbre.png');
background-repeat: no-repeat;
background-position: center;
}
.home_step_content .spi_parcours_step_circle .step_1 {
top: 205px;
left: 0;
border-bottom-right-radius: 50%;
border-top-right-radius: 0;
}
.home_step_content .spi_parcours_step_circle .step_2 {
top: 387px;
left: 0;
border-bottom-left-radius: 50%;
border-top-right-radius: 0;
}
.home_step_content .spi_parcours_step_circle .step_3 {
top: 561px;
left: 0;
border-bottom-right-radius: 50%;
border-top-right-radius: 0;
}
.home_step_content .spi_parcours_step_circle .step_5 {
top: 475px;
left: auto;
right: 0;
border-bottom-right-radius: 50%;
border-top-left-radius: 0;
}
.home_step_content .spi_parcours_step_circle .step_6 {
top: 295px;
right: 0;
border-bottom-left-radius: 50%;
border-top-left-radius: 0;
}
.home_step_content .spi_parcours_step_circle .step_7 {
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 0;
right: 0;
top: 113px;
left: auto;
}
.home_step_content .spi_parcours_step_circle IMG { display: block; }
.page_home .spi_licence_validity_container { display: none; }
/******* FORMATION MOBILE *******/
.page_formation .intro { background-image: url(../img/fond_formation_accueil_mobile.jpg) !important; background-position: center 40px !important; }
.page_formation .intro .slogan H1 { margin-top: 100px; }
.page_formation .intro .slogan P { padding: 0 20px; }
.page_formation .dark_bg { width: auto; background-color: transparent; }
.formation_dotted_container, .page_formation.surmesure .formation_dotted_container, .page_formation.cma .formation_dotted_container, .page_formation.dirigeant .formation_dotted_container { width: 96%; margin: 0 auto 14px; padding: 0 0 100px 0; position: static; }
.formation_dotted_container.simplified { border-bottom: 1px dotted #ffffff; }
.formation_dotted_container .formation_btn { width: 180px; }
.page_formation.cma .formation_dotted_container legend { color: #ffffff; }
.formation_dotted_container .formation_btn SPAN { }
.formation_description_container { display: block; width: 100%; background-color: #ffffff; }
.formation_description_surmesure { display: block; }
.formation_description_arrow { left: 187px; border-bottom: 14px solid rgba(255,255,255,1); }
.page_formation.cma .formation_description_arrow { left: 370px; }
.page_formation.dirigeant .formation_description_arrow { left: 553px; }
.db_logo_container { display: none; }
.page_formation.surmesure .formation_thematiques_container .db_logo_container, .page_formation.cma .formation_thematiques_container .db_logo_container, .page_formation.dirigeant .formation_thematiques_container .db_logo_container {
display: none;
}
.formation_description_content { padding: 40px 50px; }
.formation_thematiques_container { width: 100%; padding: 40px 0 0; display: block; background-image: url('../img/fond_formation_surmesure.jpg'); background-size: auto; background-position: center top; }
.surmesure .formation_thematiques_container { background-image: url('../img/fond_formation_surmesure.jpg'); }
.cma .formation_thematiques_container { background-image: url('../img/fond_formation_cma.jpg'); }
.dirigeant .formation_thematiques_container { background-image: url('../img/fond_formation_dirigeant_mobile.jpg'); }
.formation_thematiques_surmesure { display: block; }
.formation_thematiques_content H3 { margin-bottom: 40px; }
.cma .formation_thematiques_content H3 { color: #4c4a4a; }
.formation_thematiques_content P.formation_thematiques_subtitle { display: none; }
.formation_thematiques_content P.formation_thematiques_subtitle_bottom { display: block; margin: 20px 0 0; padding: 20px 40px; background-color: rgba(40,169,145,0.8); }
.cma .formation_thematiques_content P.formation_thematiques_subtitle_bottom { background-color: rgba(155,48,41,0.8); }
.formation_thematiques_detail_btn { display: block; width: 96%; margin: 5px auto; background-color: rgba(255,255,255,0.8); }
.page_formation .activcrea_circle_container { margin: 60px 0 0; }
.page_formation .activcrea_circle_box { background-image: none; padding-bottom: 70px; }
.page_formation .activcrea_circle_box .circle_arrow { top: auto; bottom: -10px; right: 44%; right: calc(50% - 50px); transform: rotateZ(88deg); }
#formation_thematiques_detail_modal .grey_box { padding-bottom: 80px; }
#formation_thematiques_detail_modal .modal-content { background-color: #ffffff; }
#formation_thematiques_detail_modal .modal-body { padding: 0 0 20px; }
.dotted_container { margin: 10px; }
.formation_thematiques_info_title { text-align: center; }
.formation_thematiques_info_title IMG { margin: 0 auto; display: block; }
.formation_thematiques_info_content { padding: 10px 20px 0; }
.dual_white_box_container .dual_white_box { float: none; width: 100%; background-color: #28a595; position: relative; padding: 60px 30px 50px; }
#formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box { background-color: #ff0000; }
.dual_white_box_container .dual_white_box I {
display: block;
position: absolute;
top: -42px;
left: 45%;
left: calc(50% - 42px);
width: 84px;
height: 84px;
background-color: #28a595;
border-radius: 50%;
box-shadow: 0 -4px 10px rgba(0,0,0,0.4);
line-height: 84px;
color: #ffffff;
}
.dual_white_box_container .dual_white_box:last-child { width: 100%; border-left: 0; background-color: #ffffff !important; }
.dual_white_box_container .dual_white_box:last-child I {
background-color: #ffffff;
color: #1e9aae;
}
#formation_thematiques_detail_modal.cma .dual_white_box_container I { color: #ffffff; background-color: #ff0000; }
#formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box:last-child I { color: #9b3029; background-color: #ffffff; }
.dual_white_box_container .dual_white_box_content { color: #ffffff; }
.dual_white_box_container .dual_white_box:last-child .dual_white_box_content { color: #1e9aae; }
#formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box:last-child .dual_white_box_content { color: #9b3029; }
.dual_white_box_container .dual_white_box_title { color: #ffffff !important; }
.dual_white_box_container .dual_white_box:last-child .dual_white_box_title { color: #1e9aae !important; }
#formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box:last-child .dual_white_box_title { color: #9b3029 !important; }
#formation_thematiques_detail_modal .formation_contact_btn { margin: 10px auto 0; }
#formation_thematiques_detail_modal .formation_contact_btn:hover, #formation_thematiques_detail_modal .formation_contact_btn:focus { background-color: #28a595ab; color: #ffffff; }
/******* LELABBO MOBILE *******/
.page_lelabbo .intro {
min-height: 680px;
background-image: url(../img/fond_plateforme_intro_mobile.jpg);
}
.page_lelabbo .intro .slogan {
width: auto;
padding: 100px 0 0;
border-radius: 0;
min-height: 679px;
}
.page_lelabbo .intro .slogan H1 {
margin: 0 0 30px;
}
.page_lelabbo .intro .slogan P {
font-size: 22px;
}
.page_lelabbo .activcrea_circle_box {
padding-bottom: 0;
}
.page_lelabbo .activcrea_circle_container {
padding-bottom: 15px;
}
.page_lelabbo .activcrea_circle_precision, .page_lelabbo .activcrea_circle_decision {
padding-top: 0;
background-image: none;
}
.page_lelabbo .activcrea_circle {
width: 85%;
height: 70px;
margin: 0 0 35px 0;
border-radius: 0;
}
.page_lelabbo .activcrea_circle_identification .activcrea_circle { float: right; padding-left: 70px; }
.page_lelabbo .activcrea_circle_precision .activcrea_circle { float: left; padding-right: 70px; }
.page_lelabbo .activcrea_circle_decision .activcrea_circle { float: right; padding-left: 70px; }
.page_lelabbo .activcrea_circle P {
width: 250px;
margin: 0 auto;
}
.page_lelabbo .activcrea_circle SPAN { display: block; width: 100px; height: 100px; border-radius: 50%;position: absolute; top: -17px; left: -20px; }
.page_lelabbo .activcrea_circle_identification .activcrea_circle SPAN {
background-color: #b4cc3a !important;
}
.page_lelabbo .activcrea_circle_precision .activcrea_circle SPAN {
background-color: #93c050 !important;
left: auto;
right: -20px;
}
.page_lelabbo .activcrea_circle_decision .activcrea_circle SPAN {
background-color: #47b07e !important;
}
.page_lelabbo .activcrea_circle IMG {
margin-top: 16px;
}
.lelabbo_description_section {
min-height: 1550px;
background-image: url(../img/fond_plateforme_description_mobile.jpg);
}
.lelabbo_description_slider_btn_container .lelabbo_slider_btn {
display: block;
width: 100%;
height: 50px;
border-radius: 0;
font-size: 20px;
line-height: 50px;
margin: 0 0 6px 0;
}
.lelabbo_description_slider_btn_container .lelabbo_slider_btn I {
display: inline;
font-size: 25px;
margin: 0 10px;
line-height: 50px;
}
.lelabbo_description_slider_arrow {
display: none;
}
.lelabbo_description_slider_container {
width: auto;
background-image: url(../img/fond_plateforme_description_mobile.jpg);
background-position: center top;
padding-bottom: 450px;
min-height: 1540px;
}
.lelabbo_description_slider_content UL {
padding: 0 0 0 15%;
margin-bottom: 0;
font-size: 16px;
}
.lelabbo_description_slider_content_container {
height: auto;
margin: 0;
border: 0;
}
.lelabbo_description_slider_video_container {
position: static;
bottom: auto;
left: auto;
width: 100%;
height: 431px;
background-position: center;
padding-top: 23px;
}
.lelabbo_description_slider_video_container VIDEO {
margin: 0 auto;
}
.lelabbo_description_slider_content P {
font-size: 18px;
}
.lelabbo_description_slider_content_padding {
padding: 20px 30px 0;
font-size: 18px;
}
.lelabbo_adaptation_section {
min-height: auto;
background-image: none;
}
.lelabbo_adaptation_arrow_container SPAN {
display: block;
font-size: 18px;
margin: 0 0 20px;
}
.lelabbo_adaptation_arrow_container IMG {
transform: rotate(90deg);
margin: 0 0 15px;
}
.lelabbo_adaptation_section UL {
padding: 0 0 0 0;
font-size: 18px;
text-align: center;
}
.lelabbo_adaptation_section .lelabbo_adaptation_black {
background-color: transparent;
color: #ffffff;
padding: 50px 0 100px;
background-image: url(../img/fond_plateforme_adaptation_mobile.jpg);
background-position: center top;
background-repeat: no-repeat;
}
.lelabbo_adaptation_blue_circle P {
margin-top: 25px;
line-height: 26px;
}
.lelabbo_adaptation_container {
width: auto;
}
.lelabbo_adaptation_blue_circle {
width: 211px;
height: 211px;
border-radius: 50%;
position: absolute;
right: auto;
left: 42%;
left: calc(50% - 105px);
bottom: -105px;
padding: 20px;
}
.incrustation_block {
width: auto;
}
.incrustation_block .incrustation_image {
display: none;
}
.licence_cost_block {
width: 100%;
}
.en_savoir_plus_section H3 {
margin: 0 0 50px;
}
.en_savoir_plus_section .savoir_plus_btn {
display: block;
margin: 0 auto 20px;
width: 200px;
height: 200px;
}
.en_savoir_plus_section .savoir_plus_btn IMG {
margin: 20px 0 15px;
}
.en_savoir_plus_section .coffee_btn { display: none; }
.en_savoir_plus_section .coffee_btn_mobile { display: block; margin-top: 40px; width: 220px; height: 220px; }
.page_lelabbo .interstitiel_container {
background-image: url(../img/fond_seed_accueil_mobile.jpg);
}
.licence_cost_container .tarif_block { width: 180px; }
.lelabbo_budget_section {
background-image: url(../img/fond_tarification_mobile.jpg);
}
.blue_box.prise_en_charge {
text-align: center;
}
.blue_box.prise_en_charge .p-blue-box {
margin-top: 0;
}
.page_diagnostic .page_diagnostic_subtitle {
border-left: initial;
}
}
@media (max-width: 850px) {
.spi_montage {
padding-bottom: 125px;
}
.spi_montage .spi_montage_btn_box {
position: absolute;
z-index: 10;
top: 0;
left: 0;
}
.spi_montage .spi_montage_box {
width: 100%;
}
.spi_montage .spi_montage_box .white_circle {
display: block;
margin: 30px auto 0;
}
.spi_montage .spi_montage_box .white_circle:last-child {
margin: 30px auto 0;
}
.spi_connaissance_container {
padding: 440px 20px 30px;
height: auto;
width: 90%;
background: rgba(0,0,0,0.6);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.spi_connaissance_container P {
font-size: 18px;
line-height: 22px;
}
.spi_connaissance_container HR {
margin: 20px auto;
}
.spi_connaissance_container .spi_connaissance_img {
width: 172px;
left: calc(50% - 86px);
bottom: -127px;
}
.project .carousel .item {
height: 240px;
}
}
@media (min-width: 768px) {
.modal-lg {
width: 100%;
}
}
@media (max-width: 768px) {
.omendo_modal .modal-content LABEL {
width: 100%;
text-align: left;
}
.omendo_modal .modal-content .form-control {
width: 100%;
}
.pole_emploi_relative { float: none; }
.pole_emploi_absolute_box { display: none; }
.page_activcrea H1, .page_activcrea .blue_text, .page_activcrea .grey_text { padding: 0; text-align: center; }
.licence_cost_container LI A { padding: 10px !important; text-align: center; font-size: 25px; }
}
@media (min-width: 960px) {
.modal-lg {
width: 960px;
}
}
@media (max-width: 960px) {
.page_lelabbo .interstitiel_container IMG {
margin: 90px 0 35px;
}
.page_lelabbo .interstitiel_container H1 {
margin-bottom: 40px;
}
}
@media (max-width: 600px) {
.page_conseiller .intro H1 { margin-top: 70px; }
.page_conseiller .intro .slogan {
min-height: 215px;
}
.intro .slogan P {
margin-bottom: 20px;
}
.circle_block {
width: 150px;
height: 150px;
padding-top: 20px;
margin: 10px 15px;
}
.circle_block .num {
font-size: 30px;
}
.circle_block SPAN {
font-size: 24px;
}
.circle_block .italic {
font-size: 18px;
}
.project_phase {
width: 260px;
}
.project_phase .animation_container_plus_left2 {
right: 22px;
}
.project_phase .animation_container_plus_right4 {
right: -77px;
}
.phase_progress_container {
left: 40px;
}
.section_equipe { padding: 80px 0 0; }
.section_equipe P {
width: auto;
padding: 0 10px;
}
.ingenieur_pedagogique { width: 148px; height: 55px; }
.chef_projet { width: 157px; height: 26px; left: 55%; }
.directeur_artistique { width: 288px; height: 30px; left: 20%; }
.graphiste { width: 148px; height: 54px; left: 10%; }
.expert_lms { width: 134px; height: 27px; left: 60%; top: 220px; }
.ux_designer { width: 227px; height: 27px; top: 335px; }
.developpeur_web { width: 249px; height: 36px; left: 31%; top: 390px; }
.spi_licence_validity_container .spi_licence_validity {
width: 340px !important;
height: 170px !important;
}
.spi_licence_validity_container .spi_licence_validity P {
font-size: 20px !important;
margin-top: 16px;
line-height: 24px;
}
.temoignage_client_title_smartphone { display: none; }
.temoignage_client_title_smartphone { display: block; }
.client_circle { display: none; }
.client_random { display: inline-block; }
.navbar-brand { padding: 0; height: 50px; background-color: #ffffff; width: 125px; }
.top-nav-collapse .navbar-brand { padding: 0; height: 40px; width: 125px;
background-color: #ffffff; }
.navbar-brand IMG { width: 100%; margin-top: 8px }
.top-nav-collapse .navbar-brand IMG { margin-top: 0; width: 100%; }
.sub_nav li a { font-size: 12px !important; }
.page_home .logo_container {
top: 20px;
}
.home_cat_container {
width: 100%;
}
.home_cat_container .home_cat {
padding-top: 120px;
}
.home_cat_container .home_cat H2 {
font-size: 22px;
line-height: 28px;
}
.home_step_content .spi_parcours_step_circle {
margin: 20px auto;
}
.page_home .logo_container {
left: calc(50% - 135px);
}
.page_home .logo_container IMG {
height: 50px;
}
.formation_dotted_container, .page_formation.surmesure .formation_dotted_container, .page_formation.cma .formation_dotted_container, .page_formation.dirigeant .formation_dotted_container {
padding: 0 0 10px 0;
width: 100%;
}
.formation_dotted_container .formation_btn SPAN {
display: none;
}
.formation_description_arrow { left: 70px; }
.page_formation.cma .formation_description_arrow { left: 173px; }
.page_formation.dirigeant .formation_description_arrow { left: 276px; }
.formation_dotted_container .formation_btn {
width: 100px;
height: 100px;
background-size: 100% auto;
}
.spi_tarification_section P { width: 100%; }
.home_step_content .spi_parcours_step_circle {
width: 280px;
}
.page_home .spi_parcours_step_circle .spi_step {
width: 120px;
height: 120px;
}
}
@media (max-width: 450px) {
.spi_licence_validity_container .spi_licence_validity {
width: 325px;
padding: 50px 50px 0;
}
.page_lelabbo .activcrea_circle P {
width: auto;
}
.page_home .intro {
min-height: 900px;
}
.home_cat_container .home_cat {
padding-top: 110px;
}
.home_cat_container .home_cat H2 {
font-size: 18px;
line-height: 24px;
}
.home_step_content {
top: 130px;
}
.page_lelabbo .interstitiel_container IMG {
margin: 70px 0 25px;
}
.page_lelabbo .interstitiel_container H1 {
margin-bottom: 10px;
}
.blue_rounded_btn {
width: 140px;
height: 140px;
}
.blue_rounded_btn I {
margin: 25px 0 10px;
}
.page_lelabbo .interstitiel_container H1 SPAN {
font-size: 20px;
line-height: 26px;
}
.page_contact H1 {
margin: 120px 0 70px;
}
.page_contact H1 A {
color: #ffffff !important;
font-size: 28px;
}
/*.page_lelabbo .interstitiel_container {*/
/*min-height: 850px;*/
/*}*/
.licence_cost_container LI A { padding: 10px !important; font-size: 22px; }
.licence_cost_container LI A {
height: 68px;
line-height: 63px;
}
.licence_cost_container .nav-tabs LI.active A, .licence_cost_container .nav-tabs LI.active A:hover, .licence_cost_container .nav-tabs LI.active A:focus, .licence_cost_container .nav-tabs LI.active A:active {
height: 80px;
line-height: 75px;
}
.ingenieur_pedagogique { width: 148px; height: 55px; }
.chef_projet { left: 48%; top: 100px; }
.directeur_artistique { left: 7%; }
.graphiste { width: 148px; height: 54px; left: 10%; }
.expert_lms { left: 50%; }
.ux_designer { width: 227px; height: 27px; top: 335px; }
.developpeur_web { left: 21%; top: 380px; }
.client_logo_link {
display: block;
margin: 0 auto 50px;
}
.phase_progress_container {
left: 25px;
top: 330px;
}
}
@media (max-width: 340px) {
.page_lelabbo .interstitiel_container IMG {
margin: 60px 0 20px;
}
.page_lelabbo .interstitiel_container P {
font-size: 26px;
line-height: 30px;
}
.blue_rounded_btn {
width: 120px;
height: 120px;
font-size: 18px;
}
.blue_rounded_btn I {
font-size: 28px;
margin: 20px 0 10px;
}
.page_lelabbo .interstitiel_container H1 SPAN {
font-size: 17px;
line-height: 24px;
}
.page_lelabbo .interstitiel_container {
min-height: 600px;
}
}
.modal-header { border-bottom: 0; }
.modal-header .close {
outline: 0;
position: absolute;
z-index: 2;
top: 0;
right: 10px;
font-size: 45px;
font-weight: 700;
line-height: 45px;
color: #0097aa;
opacity: 1;
}
.modal-content { border-radius: 0; }
footer { text-align: center; padding: 0; box-shadow: 0 0 10px rgba(0,0,0,0.8); position: relative; }
footer p { color: #a4c6c2; margin-top: 20px; }
.btn-circle { margin-top: 25px; font-size: 30px; line-height: 30px; color: #a4c6c2; padding: 0; box-shadow: none; }
.btn-circle:hover,
.btn-circle:focus { outline: 0; color: rgba(30, 154, 174, 1); }
/* from v2*/
body.v2 {
width: 100%;
height: 100%;
font-family: 'Titillium Web', sans-serif;
font-weight: normal;
color: #2B2E32;
background-color: rgba(164, 162, 164, 0.5);
}
.v2 h1,
.v2 h2,
.v2 h3,
.v2 h4,
.v2 h5,
.v2 h6 {
margin: 0 0 30px;
font-family: 'Titillium Web', sans-serif;
letter-spacing: 1px;
}
.v2 p {
margin: 0 0 20px;
font-size: 16px;
line-height: 1.6em;
}
.v2 a {
color: #28c3ab;
outline: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.v2 a:hover,
.v2 a:focus {
text-decoration: none;
color: #176e61;
outline: 0;
}
@keyframes boxSpin{
0%{
transform: translate(-10px, 0px);
}
25%{
transform: translate(10px, 10px);
}
50%{
transform: translate(10px, -10px);
}
75%{
transform: translate(-10px, -10px);
}
100%{
transform: translate(-10px, 10px);
}
}
@keyframes shadowSpin{
0%{
box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
}
25%{
box-shadow: 10px 10px #39CCCC, -10px -10px #FFDC00;
}
50%{
box-shadow: -10px 10px #39CCCC, 10px -10px #FFDC00;
}
75%{
box-shadow: -10px -10px #39CCCC, 10px 10px #FFDC00;
}
100%{
box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
}
}
.v2 .btn-blue {
border: 0;
background-color: #0097aa;
color: #ffffff;
text-align: center;
padding: 20px 50px;
font-size: 20px;
line-height: 20px;
font-weight: 300;
font-style: italic;
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
outline: 0;
transition: all linear 0.2s;
}
.v2 .btn-blue:hover, .btn-blue:focus {
background-color: #ffffff;
color: #0097aa;
}
.v2 .btn-blue:active {
background-color: #a4c6c2;
color: #000000;
box-shadow: inset 0 2px 10px rgba(0,0,0,0.6);
}
.v2 .no-padding-right { padding-right: 0 !important; }
.v2 .no-padding-left { padding-left: 0 !important }
.v2 .italic { font-style: italic; }
.v2 .align-center { text-align: center; }
.v2 .align-right { text-align: right; }
.v2 .shadowed { box-shadow: 0 2px 10px rgba(0,0,0,0.6); }
.v2 .inset_shadow { box-shadow: inset 0 2px 10px rgba(0,0,0,0.6); }
.v2 .blue_box { background-color: #0097aa; color: #ffffff; padding: 30px; }
.v2 .blue_box P { margin-bottom: 0; font-size: 18px; line-height: 28px; font-weight: normal; }
.v2 .blue_box P:last-child { margin-bottom: 0; }
.v2 .white_box { background-color: rgba(255,255,255,0.85); padding: 20px; color: #000000; }
.v2 #load {
z-index: 9999;
background-color: #FF4136;
opacity: 0.75;
width: 10px;
height: 10px;
position: absolute;
top: 50%;
margin: -5px auto 0 auto;
left: 0;
right: 0;
border-radius: 0;
border: 5px solid #FF4136;
box-shadow: 10px 0 #39CCCC, 10px 0 #01FF70;
animation: shadowSpin 1s ease-in-out infinite;
}
.v2 .intro {
width:100%;
height: 100%;
min-height: 870px;
position:relative;
background-image: url("../img/background_digital.jpg");
background-size: auto;
background-position: center 40px;
padding: 1px 0 0 0;
}
.v2 .intro .slogan h1 {
color: #FFF;
font-size: 36px;
line-height: 36px;
font-weight: 700;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
border-width: 0;
border-color: #000;
border-style: none;
margin: 150px 0 20px 0;
position: relative;
text-align: center;
}
.v2 .intro .slogan P {
text-align: center;
color: #ffffff;
text-shadow: 0 0 5px rgba(0,0,0,0.4);
margin-bottom: 40px;
font-size: 28px;
font-weight: lighter;
}
.v2 .home_slider_container {}
.v2 .home_slider_btn_container { list-style: none; margin: 0 0 10px; padding: 0; text-align: center; }
.v2 .home_slider_btn_container .home_slider_item { display: inline-block; padding: 0 15px; }
.v2 .home_slider_btn_container .home_slider_item A { transition: none; display: inline-block; width: 131px; height: 131px; color: #ffffff; line-height: 131px; text-align: center; font-size: 131px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.6) }
.v2 .home_slider_btn_container .home_slider_item A.selected { box-shadow: inset 0 0 10px rgba(0,0,0,0.8) }
.v2 .home_slider_btn_container .home_slider_item A .normal { display: none }
.v2 .home_slider_btn_container .home_slider_item A .inverse { display: inline-block; }
.v2 .home_slider_btn_container .home_slider_item A.selected .normal { display: inline-block; }
.v2 .home_slider_btn_container .home_slider_item A.selected .inverse { display: none; }
.v2 .home_slider_content_container { position: relative; padding-top: 14px; }
.v2 .home_slider_content { width: 656px; height: 250px; margin: 0 auto; background-color: rgba(0,0,0,0.4); padding: 20px 40px 0 40px; }
.v2 .page_activcrea .home_slider_content { background-color: rgba(0,0,0,0.6); }
.v2 .home_slider_arrow { height: 14px; width: 28px; border-right: 14px solid transparent; border-top: 0; border-left: 14px solid transparent; border-bottom: 14px solid rgba(0,0,0,0.4); position: absolute; left: 196px; top: 0; transition: left linear 0.2s; }
.v2 .page_activcrea .home_slider_arrow { left: 192px; border-bottom: 14px solid rgba(0,0,0,0.6); }
.v2 .home_slider_content_elem { display: none; }
.v2 .home_slider_content_elem H2 { font-size: 25px; margin-bottom: 30px; }
.v2 .home_slider_content_elem P { font-size: 18px; margin: 0; color: #ffffff; line-height: 22px; font-weight: normal; }
.v2 .home_slider_content_elem IMG { display: none; }
.v2 .home_slider_content_elem.content_ingenerie_pedagogique { display: block; }
.v2 .home_slider_content_elem.content_ingenerie_pedagogique H2 { color: #b4cc3a; }
.v2 .home_slider_content_elem.content_creation_graphique H2 { color: #93C050; }
.v2 .home_slider_content_elem.content_gestion_projet H2 { color: #0097AA; }
.v2 .home_slider_content_elem.content_realisation_multimedia H2 { color: #28A595; }
.v2 .circle_block { display: inline-block; vertical-align: top; width: 240px; height: 240px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.3); color: #ffffff; text-align: center; padding-top: 40px; margin: 0 30px; }
.v2 .circle_block SPAN { font-size: 30px; font-weight: bold; display: block; }
.v2 .circle_block .num { font-size: 50px; }
.v2 .circle_block .italic { font-size: 25px; font-weight: normal; }
.v2 .circle_block_lightgreen {
background: rgba(196,219,66,0.9);
background: -moz-linear-gradient(top, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,219,66,0.85)), color-stop(100%, rgba(156,179,4,0.85)));
background: -webkit-linear-gradient(top, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
background: -o-linear-gradient(top, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
background: -ms-linear-gradient(top, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
background: linear-gradient(to bottom, rgba(196,219,66,0.85) 0%, rgba(156,179,4,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4db42', endColorstr='#9cb304', GradientType=0 );
}
.v2 .circle_block_green {
margin-top: 190px;
background: rgba(147,192,80,0.85);
background: -moz-linear-gradient(top, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,192,80,0.85)), color-stop(100%, rgba(119,165,51,0.85)));
background: -webkit-linear-gradient(top, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
background: -o-linear-gradient(top, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
background: -ms-linear-gradient(top, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
background: linear-gradient(to bottom, rgba(147,192,80,0.85) 0%, rgba(119,165,51,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c050', endColorstr='#77a533', GradientType=0 );
}
.v2 .circle_block_darkgreen {
background: rgba(86,193,145,0.85);
background: -moz-linear-gradient(top, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,193,145,0.85)), color-stop(100%, rgba(50,161,115,0.85)));
background: -webkit-linear-gradient(top, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
background: -o-linear-gradient(top, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
background: -ms-linear-gradient(top, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
background: linear-gradient(to bottom, rgba(86,193,145,0.85) 0%, rgba(50,161,115,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56c191', endColorstr='#32a173', GradientType=0 );
}
.v2 .project {
padding: 0 0 50px;
background-position: center 0;
min-height: 600px;
background-image: url('../img/background_digital_project.jpg');
}
.v2 .project .carousel { display: none; }
.v2 .project H1 { font-size: 35px; color: #058393; margin: 0 auto 150px; font-weight: bold; width: auto; display: inline-block; padding: 100px 40px 70px; background-color: #ffffff; box-shadow: 0 2px 10px rgba(0,0,0,0.3); border-radius: 0 0 50px 50px; }
.v2 .project_phase { position: relative; }
.v2 .project_phase:nth-child(even) { padding-top: 50px; }
.v2 .project_phase I {
display: inline-block;
margin: 20px 0;
color: #ffffff;
font-size: 120px;
text-shadow: 0 1px 8px rgba(0,0,0,0.6);
}
.v2 .project_phase.viewed I {
background-color: #868686;
color: transparent;
text-shadow: 2px 2px 3px rgba(255,255,255,0.4);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
}
.v2 .project_phase P { font-size: 22px; line-height: 25px; color: #646658; margin: 0; padding: 0 35px; }
.v2 .project_phase P STRONG { text-transform: uppercase; font-size: 25px; line-height: 28px; }
.v2 .project_phase .phase_arrow { position: absolute; top: 40%; right: -44px; }
.v2 .project_phase .animation_container_plus_left1 { position: absolute; top: -8px; left: 70px; }
.v2 .project_phase .animation_container_plus_left2 { position: absolute; bottom: -8px; left: 70px; }
.v2 .project_phase .animation_container_plus_right3 { position: absolute; top: -8px; left: 70px; }
.v2 .project_phase .animation_container_plus_right4 { position: absolute; bottom: -8px; left: 70px; }
.v2 .project_phase .animation_container_plus_left5 { position: absolute; bottom: -8px; left: 70px; display: none }
.v3 .phase_progress_container { margin-top: 100px; }
.v3 .phase_progress_container .phase_dot { width: 20px; height: 20px; border-radius: 50%; display: inline-block; background-color: #ffffff; vertical-align: middle; }
.v3 .phase_progress_container .phase_bar_container { width: 200px; height: 5px; margin: 0 10px; display: inline-block; background-color: #f1ece7; box-shadow: inset 0 -2px 5px rgba(0,0,0,0.2); }
.v3 .phase_progress_container .phase_bar_container .phase_bar { height: 5px; width: 0; background-color: #76dceb; box-shadow: inset 0 -2px 5px rgba(0,0,0,0.2); transition: width linear 0.5s; }
.v3 .phase_progress_container .phase_dot.selected { background-color: #76dceb; box-shadow: 0 2px 10px rgba(0,0,0,0.4); }
.v3 .phase_modal_container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 997; }
.v3 .phase_modal { background-color: #ffffff; box-shadow: 0 2px 12px rgba(0,0,0,0.4); position: absolute; top: 170px; left: 250px; width: 540px; z-index: 998; text-align: left }
.v3 .phase_modal_close_btn { position: absolute; top: 10px; right: 10px; color: #ffffff; font-size: 30px; text-shadow: 0 2px 5px rgba(0,0,0,0.5); }
.v3 .phase_modal_close_btn:hover, .phase_modal_close_btn:focus {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation-name: swing;
animation-name: swing;
color: #98709D;
}
.v3 .phase_modal2 { left: 540px; }
.v3 .phase_modal3 { left: 90px; }
.v3 .phase_modal4 { left: 380px; }
.v3 .phase_modal5 { left: 380px; }
.v3 .phase_modal .phase_modal_header { background-color: #51c0d6; padding: 70px 35px 30px; }
.v3 .phase_modal .phase_modal_header H2 { font-size: 30px; line-height: 35px; color: #ffffff; }
.v3 .phase_modal .phase_modal_header H2 STRONG { display: block; text-transform: uppercase; font-size: 35px; line-height: 40px; margin-bottom: 5px; }
.v3 .phase_modal .phase_modal_content { padding: 35px 35px 50px; }
.v3 .phase_modal .phase_modal_content P { color: #624d59; font-size: 18px; }
.v3 .section_seed {
overflow: hidden;
background: rgba(41,159,180,1);
background: -moz-linear-gradient(top, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41,159,180,1)), color-stop(100%, rgba(13,136,155,1)));
background: -webkit-linear-gradient(top, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
background: -o-linear-gradient(top, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
background: -ms-linear-gradient(top, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
background: linear-gradient(to bottom, rgba(41,159,180,1) 0%, rgba(13,136,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299fb4', endColorstr='#0d889b', GradientType=0 );
}
.v3 .seed_perle_mobile_container { display: none; }
.v3 .seed_perle_container IMG { margin-top: -30px; }
.v3 .seed_perle_container P { color: #ffffff; font-size: 18px; line-height: 22px; padding: 5px 11px; margin-top: 20px; }
.v3 .spi_licence_validity_container .spi_licence_validity { display: block; width: 500px !important; height: 500px !important; padding: 40px 40px !important; background-color: #ffffff !important;; box-shadow: 0 0 10px rgba(0,0,0,0.4) !important; }
.v3 .spi_licence_validity_container .spi_licence_validity P { color: #035d67 !important; font-size: 22px !important; line-height: 28px; margin-top: 20px; }
.v3 .section_seed .seed_icon { position: absolute; top: -36px; left: 42%; left: calc(50% - 36px); }
.v3 .spi_licence_validity_container .spi_licence_validity:hover .seed_logo {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation-name: swing;
animation-name: swing;
}
.v3 .section_seed .seed_logo { width: 110px; }
.v3 .expertise_lcms {
padding: 100px 0 60px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,241,239,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,241,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f1ef', GradientType=0 );
border-bottom: 2px solid #ffffff;
color: #646658;
}
.v3 .expertise_lcms H1 { font-size: 36px; font-weight: bold; margin-bottom: 70px; }
.v3 .expertise_lcms P { font-size: 18px; line-height: 24px; }
.v3 .section_equipe {
background-position: center 0;
min-height: 947px;
background-image: url('../img/background_equipe.jpg');
padding: 100px 0 80px;
color: #ffffff;
}
.v3 .section_equipe H1 {
font-weight: bold;
margin-bottom: 40px;
}
.v3 .section_equipe P {
width: 500px;
margin: 0 auto;
font-size: 18px;
line-height: 22px;
}
.v3 .job_link_container { padding-top: 400px; position: relative; }
.v3 .job_link_container .job_link_block {
display: inline-block;
position: absolute;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
z-index: 10;
}
.v3 .job_link_container .job_link_block:hover { background-position: center bottom; }
.v3 .job_link_block_relative { position: relative; height: 100%; width: 100%; }
.v3 .job_link_block_relative .job_link_dot { z-index: 10; display: none; position: absolute; background-color: #ffffff; border-radius: 50%; border: 2px solid #91bd4f; width: 20px; height: 20px; left: 40%; left: calc(50% - 10px); bottom: -25px; }
.v3 .job_link_block:hover .job_link_block_relative .job_link_dot { display: block; }
.v3 .job_link_block_relative .job_link { z-index: 9; display: none; height: 3px; background-color: #b4cc3a; position: absolute; left: 50%; bottom: -17px; transform: rotate(90deg); transform-origin: top left; }
.v3 .job_link_block:hover .job_link_block_relative .job_link { display: block; }
.v3 .ingenieur_pedagogique { background-image: url("../img/ingenieur.png"); width: 188px; height: 70px; top: 30px; left: 180px; }
.v3 .ingenieur_pedagogique .job_link_1 { transform: rotate(95deg); width: 400px; }
.v3 .ingenieur_pedagogique .job_link_2 { transform: rotate(59deg); width: 410px; }
.v3 .ingenieur_pedagogique .job_link_4 { transform: rotate(28deg); width: 700px; }
.v3 .chef_projet { background-image: url("../img/chef.png"); width: 197px; height: 32px; top: 70px; left: 670px; }
.v3 .chef_projet .job_link_1 { transform: rotate(147deg); width: 620px; }
.v3 .chef_projet .job_link_2 { transform: rotate(132deg); width: 410px; }
.v3 .chef_projet .job_link_3 { transform: rotate(102deg); width: 410px; }
.v3 .chef_projet .job_link_4 { transform: rotate(67deg); width: 350px; }
.v3 .directeur_artistique { background-image: url("../img/directeur.png"); width: 328px; height: 35px; top: 130px; left: 370px; }
.v3 .directeur_artistique .job_link_2 { transform: rotate(102deg); width: 300px; }
.v3 .directeur_artistique .job_link_4 { transform: rotate(35deg); width: 460px; }
.v3 .graphiste { background-image: url("../img/graphiste.png"); width: 148px; height: 54px; top: 210px; left: 510px; }
.v3 .graphiste .job_link_3 { transform: rotate(56deg); width: 190px; }
.v3 .graphiste .job_link_4 { transform: rotate(27deg); width: 360px; }
.v3 .expert_lms { background-image: url("../img/expert.png"); width: 134px; height: 27px; top: 220px; left: 845px; }
.v3 .expert_lms .job_link_1 { transform: rotate(165deg); width: 690px; }
.v3 .expert_lms .job_link_3 { transform: rotate(140deg); width: 290px; }
.v3 .expert_lms .job_link_4 { transform: rotate(89deg); width: 160px; }
.v3 .ux_designer { background-image: url("../img/ux.png"); width: 227px; height: 27px; top: 290px; left: 205px; }
.v3 .ux_designer .job_link_2 { transform: rotate(37deg); width: 170px; }
.v3 .developpeur_web { background-image: url("../img/dev.png"); width: 249px; height: 36px; top: 300px; left: 675px; }
.v3 .developpeur_web .job_link_3 { transform: rotate(140deg); width: 130px; }
.v3 .developpeur_web .job_link_4 { transform: rotate(38deg); width: 180px; }
.v3 .phase_bloc {
position: relative;
z-index: 11;
background-color: rgba(180,204,58,0.85);
border-radius: 65px 65px 20px 20px;
color: #181717;
font-size: 15px;
width: 120px;
margin: 0 50px;
display: inline-block;
padding-bottom: 10px;
}
.v3 .phase_2 { background-color: rgba(147,192,80,0.85); }
.v3 .phase_3 { background-color: rgba(111,183,102,0.85); }
.v3 .phase_4 { background-color: rgba(40,165,149,0.85); }
.v3 .phases_container .phase_bloc P { width: auto; margin-top: 5px; padding: 0 5px; font-size: 15px; line-height: 18px; font-style: italic; }
.v3 .phases_container .phase_bloc P strong { margin-top: 10px; font-style: normal; }
.v3 .phases_container .phase_bloc I { color: #ffffff; font-size: 120px; text-shadow: 0 1px 8px rgba(0,0,0,0.6); }
.v3 .section_client {
padding: 100px 0 50px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(213,210,201,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(213,210,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d2c9', GradientType=0 );
}
.v3 .section_client H1 { font-size: 36px; color: #646658; text-align: center; font-weight: bold; margin-bottom: 100px; }
.v3 .client_logo_link { transition: none; display: inline-block; background-position: top center; margin: 0 50px 50px; vertical-align: middle; }
.v3 .client_logo_link:hover { background-position: bottom center; }
.v3 .client_idf { background-image: url("../img/client_idf.png"); width: 87px; height: 80px; }
.v3 .client_cma { background-image: url("../img/cma77.png"); width: 99px; height: 80px; }
.v3 .client_rte { background-image: url("../img/client_rte.png"); width: 115px; height: 57px; }
.v3 .client_lacriee { background-image: url("../img/client_lacriee.png"); width: 160px; height: 32px; }
.v3 .client_areva { background-image: url("../img/client_areva.png"); width: 120px; height: 75px; }
.v3 .client_aprr { background-image: url("../img/client_aprr.png"); width: 180px; height: 26px; }
.v3 .client_acte { background-image: url("../img/client_acte.png"); width: 172px; height: 79px; }
.v3 .client_leroymerlin { background-image: url("../img/client_leroymerlin.png"); width: 133px; height: 80px; }
.v3 .client_stm { background-image: url("../img/client_stm.png"); width: 125px; height: 63px; }
.v3 .client_total { background-image: url("../img/client_total.png"); width: 254px; height: 79px; }
.v3 .client_edf { background-image: url("../img/client_edf.png"); width: 199px; height: 57px; }
.v3 .section_client .btn-blue { }
.v3 .page_diagnostic .intro { background-image: url('../img/fond_diag.jpg'); min-height: 1080px; background-attachment: fixed; }
.v3 .page_diagnostic H1 { text-align: center; color: #0097aa; margin: 100px 0 10px; font-weight: bold; }
.v3 .page_diagnostic .page_diagnostic_subtitle {
text-align: center;
color: #0097aa;
margin-bottom: 40px;
font-size: 18px;
}
.v3 .page_diagnostic .blue_box { margin-bottom: 30px; border-radius: 5px; }
.v3 .opca_row p { font-size: 20px; line-height: 32px; font-weight: 100; }
.v3 .opca_row .blue_box { border-radius: 0; height: 409px;}
.v3 .opca_row .white_box { background-color: #ffffff; height: 409px; }
.v3 .bg_diagnostic { min-height: 480px; margin-left: 10px; margin-bottom: 30px; background-image: url('../img/bg_diagnostic.png'); background-position: 20px 110px; background-repeat: no-repeat; }
.v3 .bg_accompagnement { min-height: 480px; margin-right: 10px; margin-bottom: 30px; background-image: url('../img/bg_accompagnement.png'); background-position: 110px bottom; background-repeat: no-repeat; }
.v3 .green_num { font-size: 90px; color: rgba(185, 214, 41, 0.8); line-height: 55px; text-shadow: 1px 4px 6px rgba(255,255,255,0.7), 0 0 0 #000, 1px 4px 6px rgba(255,255,255,0.7); font-weight: 900; }
.v3 .page_diagnostic .white_box { position: relative; padding-top: 14px; }
.v3 .page_diagnostic .white_box .arrow {
height: 14px;
width: 28px;
border-right: 14px solid transparent;
border-top: 0;
border-left: 14px solid transparent;
border-bottom: 14px solid rgba(255,255,255,0.85);
position: absolute;
left: 266px;
top: -14px;
transition: left linear 0.2s;
}
.v3 .white_box H2 { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.v3 .white_box P { font-size: 14px; font-weight: 300; }
.v3 .white_box .absolute_text { position: absolute; bottom: 30px; font-weight: bold; font-size: 20px; line-height: 24px; }
.v3 .white_box .absolute_text STRONG { font-size: 30px; font-weight: 900; display: block; margin-bottom: 10px; }
.v3 .white_box .absolute_text.right { right: 20px; text-align: right; }
.v3 .white_box .absolute_text.left { left: 20px; }
.v3 .opca_partenaire { text-align: center; }
.v3 .opca_partenaire P { position: absolute; bottom: 20px; right: 30px; color: #747371; font-style: italic; font-size: 20px; margin: 0; }
.v3 .opca_partenaire IMG { margin: 15px 10px 0 0; height: 120px; }
@media (max-width: 1200px) {
.v3 .opca_partenaire IMG { margin: 25px 10px 0; height: 100px; }
}
@media (max-width: 991px) {
.v3 .opca_partenaire IMG { margin: 15px 20px 0; height: 120px; }
}
@media (max-width: 800px) {
.v3 .opca_partenaire IMG { margin: 10px; height: 100px; }
.v3 .opca_row .white_box {
height: auto;
}
}
.v3 .client_showcase_section {
padding: 40px 0 30px;
background: #f6f2ef;
background: -moz-linear-gradient(top, #f6f2ef 0%, #c7beb8 100%);
background: -webkit-linear-gradient(top, #f6f2ef 0%,#c7beb8 100%);
background: linear-gradient(to bottom, #f6f2ef 0%,#c7beb8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f2ef', endColorstr='#c7beb8',GradientType=0 );
}
.v3 .client_showcase_section .btn-blue { margin-bottom: 50px; }
.v3 .client_showcase_section H2 { color: #747371; font-weight: bold; font-size: 30px; text-align: center; margin-bottom: 0; }
.v3 .client_showcase_box { text-align: center; padding: 60px 0 40px }
.v3 .temoignage_client_title_smartphone { display: none; }
.v3 .client_circle { width: 176px; height: 176px; border-radius: 50%; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; display: inline-block; margin: 0 6px; cursor: pointer; } /*box-shadow: 0 2px 10px rgba(0,0,0,0.6);*/
.v3 .client_circle.client_framboise { background-image: url('../img/logo_framboise.jpg'); }
.v3 .client_circle.client_delicieux { background-image: url('../img/logodelicieuxinstants.jpg'); }
.v3 .client_circle.client_cma { background-image: url('../img/cma77.png'); }
.v3 .client_circle.client_sgr { background-image: url('../img/SGR-hotels.png'); }
.v3 .client_circle.client_steaven { background-image: url('../img/logosteavenrichard.png'); }
/*.v3 .client_circle:hover, .client_circle:focus, .client_circle.selected { box-shadow: inset 0 2px 10px rgba(0,0,0,0.6); }*/
.v3 .client_random { display: none; cursor: auto }
.v3 .client_random.client_framboise { background-image: url('../img/logo_framboise.jpg'); }
.v3 .client_random.client_delicieux { background-image: url('../img/logodelicieuxinstants.jpg'); }
.v3 .client_random.client_cma { background-image: url('../img/cma77.png'); }
.v2 .client_random.client_steaven { background-image: url('../img/logosteavenrichard.png'); }
.v2 .client_comment_container { padding: 40px 70px 30px; min-height: 190px; }
.v2 .client_comment_container P { font-weight: 300; color: #747371; font-size: 15px; margin-bottom: 10px; }
.v2 .client_comment_container .comment_author { margin: 0; text-align: right; font-weight: bold; font-size: 18px; line-height: 18px; }
.v2 .client_comment_container .comment_author SPAN { font-style: italic; display: block; font-weight: 300; font-size: 15px; }
.v2 .client_comment { display: none; }
.v2 .client_comment_framboise { display: block; }
.v2 .site_map { padding: 30px 0; margin: 30px 0; border-top: 1px solid #a4c6c2; border-bottom: 1px solid #a4c6c2; color: #a4c6c2; display: flex; }
.v2 .site_map ul { list-style-type: none; text-align: left; width: 100%; margin-bottom: 0; }
.v2 .site_map ul.societe { padding-left: 40px; }
.v2 .site_map ul li { margin-bottom: 10px; }
.v2 .site_map ul li.title { font-size: 18px; padding-bottom: 5px; }
.v2 .site_map a { color: #a4c6c2; font-size: 16px; }
.v2 .site_map a:hover { color: rgba(30, 154, 174, 1); }
.v2 .site_map .footer_nav_center { text-align: center; padding: 0; }
.v2 .site_map .footer_nav_right { text-align: right; padding:0 40px 0 0; }
.v2 .social_link_container {}
.v2 .social_link_container_smartphone { display: none; }
.v2 .social_link_container a {
margin: 0;
padding: 0;
display: inline-block;
font-size: 35px;
line-height: 35px;
text-align: center;
color: #249bae;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.v2 .social_link_container a:hover { animation-name: swing; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.v2 .page_activcrea .intro { background-image: url('../img/fond_ectivcrea.jpg'); min-height: 839px; background-attachment: fixed; background-repeat: no-repeat; }
.v2 .page_activcrea H1 { text-align: left; color: #0097aa; margin: 100px 0 40px; font-weight: bold; padding: 0 0 0 340px; }
.v2 .page_activcrea H1 P { color: #747371; font-weight: 300; }
.v2 .page_activcrea .blue_text { font-size: 18px; font-weight: 300; color: #0097aa; font-style: italic; margin-bottom: 10px; padding: 0 0 0 340px; text-align: left; }
.v2 .page_activcrea .grey_text { font-size: 18px; font-weight: 300; color: #747371; font-style: italic; padding: 0 0 0 340px; text-align: left; }
.v2 .pole_emploi_relative { position: relative; float: left; }
.v2 .pole_emploi_absolute_box { width: 150px; height: 230px; position: absolute; top: 0; left: 150px; background-color: rgba(255,255,255,0.85); box-shadow: 0 0 10px rgba(0,0,0,0.4); border-radius: 0 0 75px 75px; text-align: center; }
.v2 .pole_emploi_absolute_box IMG { margin-top: 80px; display: inline-block; }
.v2 .activcrea_circle_container { margin: 100px 0 20px; position: relative; }
.v2 .activcrea_circle_box { display: inline-block; position: relative; vertical-align: top; }
.v2 .activcrea_circle_box .circle_arrow { position: absolute; top: 70px; right: -40px; z-index: 1; }
.v2 .activcrea_circle { display: block; width: 240px; height: 240px; box-shadow: 0 2px 10px rgba(0,0,0,0.6); color: #ffffff; text-align: center; border-radius: 50%; position: relative; margin: 0 60px; z-index: 2; }
.v2 .activcrea_circle.selected { background-color: #979d91 !important; box-shadow: inset 0 2px 10px rgba(0,0,0,0.6); }
.v2 .activcrea_circle:hover { color: #ffffff; }
.v2 .activcrea_circle_box IMG, .activcrea_circle_box I { position: absolute; color: #ffffff; font-size: 70px !important; text-shadow: 0 0 5px rgba(0,0,0,0.4) }
.v2 .activcrea_circle_identification .activcrea_circle:hover IMG, .activcrea_circle_identification .activcrea_circle:hover I { animation-name: bounce; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.v2 .activcrea_circle_precision .activcrea_circle:hover IMG, .activcrea_circle_precision .activcrea_circle:hover I { animation-name: swing; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.v2 .activcrea_circle_decision .activcrea_circle:hover IMG, .activcrea_circle_decision .activcrea_circle:hover I { animation-name: pulse; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.v2 .activcrea_circle_box P { padding: 80px 20px 0; line-height: 22px }
.v2 .activcrea_circle_box STRONG { display: block; font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.v2 .activcrea_circle_description { display: none; }
.v2 .cma_contact_modal .modal-body { padding: 100px 20px 0; min-height: 345px; background-image: url('../img/cma_blur_logo_modal.jpg'); background-position: center top; background-repeat: no-repeat; }
.v2 .contacts_cma_container { text-align: center; }
.v2 .contact_cma { display: inline-block; vertical-align: top; width: 31%; margin: 0 1% 50px; text-align: center; }
.v2 .contact_cma STRONG { display: block; margin-bottom: 10px; color: #181717; font-size: 18px; }
.v2 .contact_cma A { display: inline-block; color: #747371; font-size: 15px; margin-bottom: 4px; }
.v2 .contact_cma A:hover,.contact_cma A:focus,.contact_cma A:active { color: #0097aa; }
.v2 .page_spi .intro {
min-height: 750px;
background-image: url(../img/fond_spi_accueil.jpg);
background-position: center 50px;
background-repeat: no-repeat;
background-color: #ffffff;
}
.v2 .page_spi .logo_row {
margin: 110px 0 20px;
}
.v2 .page_spi H1 { font-size: 25px; color: #747371; font-weight: 300; margin: 0 0 10px; }
.v2 .page_spi P { font-size: 18px; font-weight: bold; color: #0097aa; line-height: 22px; }
.v2 .page_spi .btn_box { display: inline-block; }
.v2 .page_spi .page_spi_btn_container { margin-top: 140px; min-width: 280px; text-align: center; display: inline-block; vertical-align: top; }
.v2 .page_spi .page_spi_btn_container P { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.8); margin-top: 20px }
.v2 .page_spi .page_spi_btn_container IMG { border-radius: 50%; box-shadow: 0 5px 10px rgba(0,0,0,0.6); }
.v2 .page_spi .btn_box:hover IMG {
animation-name: bounce;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.v2 .page_spi .you_are_box { display: inline-block; background-color: rgba(0,0,0,0.5); padding: 15px 50px; font-size: 30px; font-weight: bold; border-radius: 26px; margin-top: 66px !important; }
.v2 .page_spi .circle_bg_gradient {
display: none;
}
.v2 .page_spi .circle_bg_gradient_container .mobile_display { display: none; }
.v2 .cma_not_found { padding: 45px 0; text-align: center; background-image: url(../img/point_interrogation.png); background-repeat: no-repeat; background-position: 50% 0; }
.v2 .spi_ou_vous_voulez { background-color: #ffffff; text-align: center; padding: 75px 0; }
.v2 .spi_ou_vous_voulez IMG { }
.v2 .spi_ou_vous_voulez P { font-size: 24px; font-weight: 300; font-style: italic; color: #0097aa; margin: 0; }
.v2 .spi_montage { background-image: url(../img/fond_SPI_artisan_montage.jpg); background-position: center top; background-repeat: no-repeat; min-height: 540px; text-align: center; position: relative; }
.v2 .spi_montage .spi_montage_box { display: inline-block; width: 47%; vertical-align: top; }
.v2 .spi_montage .spi_montage_btn_box { text-align: right; }
.v2 .spi_montage .spi_montage_box .white_circle { vertical-align: top; display: inline-block; text-align: center; width: 190px; height: 190px; padding: 25px; margin: 170px 40px 0 0; border-radius: 50%; background-color: #ffffff; color: #0097aa; box-shadow: 0 2px 10px rgba(0,0,0,0.6); }
.v2 .spi_montage .spi_montage_box .white_circle:last-child { margin-right: 0; }
.v2 .spi_montage .spi_montage_box .white_circle I { display: inline-block; color: #0097aa; font-size: 50px; margin-bottom: 15px; }
.v2 .spi_montage .spi_montage_box .white_circle I.icon-chrono { font-size: 70px; }
.v2 .spi_montage .spi_montage_box .white_circle I.icon-chrono .path:before {
color: #0097aa;
}
.attestation_section { background-color: #0097aa; position: relative; }
.attestation_section .container { padding-top: 60px; background-image: url('../img/ribbon_attestation.png'); background-repeat: no-repeat; background-position: left center; height: 450px; }
.attestation_section H2 { font-size: 26px; font-weight: bold; color: #ffffff; margin-bottom: 70px; padding-left: 40px }
.attestation_section P { color: #ffffff; font-size: 15px; font-weight: 300; padding-left: 180px; padding-top: 30px; text-shadow: 0 2px 6px rgba(0,0,0,0.6) }
.btn_fusee_box { text-align: center; }
.btn_fusee_box .btn_fusee { display: inline-block; width: 320px; height: 320px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.6); background-color: #93c050; position: relative; bottom: -60px; }
.btn_fusee_box .btn_fusee P { text-align: left; text-transform: uppercase; text-shadow: none; font-size: 22px; line-height: 26px; font-weight: bold; padding: 0; margin: 110px 0 0 70px; }
.btn_fusee_box .btn_fusee I { position: absolute; top: -56px; left: 115px; display: inline-block; font-size: 200px; color: #ffffff; }
/************ PAGE FORMATION *************/
.v2 .page_formation .intro {
min-height: 740px;
background-image: url(../img/fond_formation_accueil.jpg);
background-position: center 40px;
background-repeat: no-repeat;
background-color: #ffffff;
background-attachment: fixed;
}
.v2 .preload_formation_surmesure { background: url('../img/fond_formation_surmesure.jpg') no-repeat -9999px -9999px; }
.v2 .preload_formation_cma { background: url('../img/fond_formation_cma.jpg') no-repeat -9999px -9999px; }
.v2 .preload_formation_dirigeant { background: url('../img/fond_formation_dirigeant.jpg') no-repeat -9999px -9999px; }
.v2 .page_formation.surmesure .intro { background-image: url(../img/fond_formation_surmesure.jpg); }
.v2 .page_formation.cma .intro { background-image: url(../img/fond_personnel_cma_formation.jpg); }
.v2 .page_formation.dirigeant .intro { background-image: url(../img/fond_formation_dirigeant.jpg); }
.v2 .page_formation .intro .slogan H1 { transition: all linear 0.5s; margin: 130px 0 20px 0; text-shadow: 0 2px 5px rgba(0,0,0,0.4) }
.v2 .page_formation.cma .intro .slogan H1 { color: rgb(128, 131, 117); }
.v2 .page_formation .intro .slogan.animated H1 { margin-top: 0; }
.v2 .page_formation .intro .slogan P { margin-bottom: 50px; transition: all linear 0.5s; }
.v2 .page_formation.cma .intro .slogan P { color: rgb(128, 131, 117); }
.v2 .page_formation .intro .slogan.animated P { margin-bottom: 10px; }
.v2 .page_formation .dark_bg { width: 960px; margin: 0 auto; background-color: rgba(0,0,0,0.4); padding: 1px 0; }
.v2 .page_formation.surmesure .dark_bg, .page_formation.cma .dark_bg, .page_formation.dirigeant .dark_bg { width: 100%; background-color: transparent; padding: 0; margin-top: 120px; }
.v2 .formation_dotted_container { position: relative; border: 1px dotted #ffffff; width: 800px; margin: 50px auto 0; text-align: center; padding: 25px 0 90px 0; transition: padding linear 0.5s; }
.v2 .page_formation.surmesure .formation_dotted_container, .page_formation.cma .formation_dotted_container, .page_formation.dirigeant .formation_dotted_container { width: 960px; }
.v2 .formation_dotted_container legend {
display: inline-block;
width: auto;
padding: 0 30px;
margin: 0 auto;
font-size: 24px;
font-weight: bold;
line-height: inherit;
color: #ffffff;
border: 0;
text-shadow: 0 2px 5px rgba(0,0,0,0.4)
}
.v2 .page_formation.cma .formation_dotted_container legend {
color: rgb(128, 131, 117);
}
.v2 .formation_dotted_container .formation_btn {
display: inline-block;
width: 33%;
height: 161px;
outline: 0;
color: #ffffff;
background-image: url("../img/formation_btn_surmesure.png");
background-repeat: no-repeat;
background-position: center;
vertical-align: top;
margin: 0;
transition: none;
}
.v2 .formation_dotted_container .formation_btn_cma { background-image: url("../img/formation_btn_cma.png"); }
.v2 .formation_dotted_container .formation_btn_dirigeant { background-image: url("../img/formation_btn_dirigeant.png"); }
.v2 .formation_dotted_container .formation_btn:hover, .formation_dotted_container .formation_btn:focus { background-position: center bottom; }
.v2 .formation_dotted_container .formation_btn.selected { background-position: center top; }
.v2 .formation_dotted_container .formation_btn SPAN {
display: inline-block;
margin-top: 180px;
font-size: 18px;
line-height: 22px;
font-weight: bold;
text-transform: uppercase;
opacity: 1;
padding: 0 10px;
}
.v2 .formation_dotted_container.simplified { padding-bottom: 90px; border-bottom: 0; }
.v2 .db_logo_container {
margin-top: 151px;
text-align: right;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.v2 .db_logo { display: inline-block; margin: 14px 20px; }
.v2 .ffp_logo { float: left; display: inline-block; margin: 14px 20px; }
.v2 .formation_description_container {
width: 960px;
margin: 0 auto;
position: relative;
background-color: rgba(255,255,255,0.8);
}
.v2 .formation_description_arrow {
height: 14px;
width: 28px;
border-right: 14px solid transparent;
border-top: 0;
border-left: 14px solid transparent;
border-bottom: 14px solid rgba(255,255,255,0.8);
position: absolute;
left: 145px;
top: -14px;
transition: left linear 0.2s;
}
.v2 .page_formation.cma .formation_description_arrow { left: 465px; }
.v2 .page_formation.dirigeant .formation_description_arrow { left: 784px; }
.v2 .formation_description_content {
padding: 40px 80px;
text-align: center;
}
.v2 .formation_description_content H3 { font-weight: bold; }
.v2 .formation_description_surmesure H3 { color: #b4cc3a; }
.v2 .formation_description_cma H3 { color: #9b3029; }
.v2 .formation_description_dirigeant H3 { color: #28a595 }
.formation_description_content HR { border-top: 1px dotted #b4cc3a; width: 50%; margin: 20px auto; }
.formation_description_content P { color: #181717; }
.v2 .formation_thematiques_container {
position: relative;
padding: 40px 40px 0;
width: 960px;
margin: 0 auto;
background: rgba(0,0,0,0.6);
background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.v2 .formation_thematiques_container .db_logo_container { display: none; position: absolute; bottom: 0; right: 0; width: 100%; z-index: 0; }
.v2 .formation_thematiques_container .db_logo_container A { height: 30px; margin: 14px 20px; }
.v2 .formation_thematiques_container .db_logo_container A IMG { height: 30px; }
.v2 .page_formation.surmesure .formation_thematiques_container .db_logo_container,
.v2 .page_formation.cma .formation_thematiques_container .db_logo_container,
.v2 .page_formation.dirigeant .formation_thematiques_container .db_logo_container { display: block; }
.v2 .formation_thematiques_content { text-align: center; padding-bottom: 20px; }
.v2 .formation_thematiques_content H3 { color: #ffffff; font-size: 25px; font-weight: bold; margin-bottom: 5px; }
.v2 .formation_thematiques_content P { color: #ffffff; font-size: 15px; font-style: italic; margin: 0 0 30px; }
.v2 .formation_thematiques_content .formation_thematiques_subtitle_bottom { display: none; }
.v2 .formation_thematiques_surmesure H3 { font-size: 18px; font-weight: normal; font-style: italic; }
.v2 .formation_thematiques_surmesure P { font-size: 20px; font-style: normal; margin: 0 0 50px; padding: 0 20px; }
.v2 .formation_thematiques_btn_container { font-size: 0; padding-bottom: 1px; }
.v2 .formation_thematiques_detail_btn { display: inline-block; width: 360px; height: 50px; line-height: 50px; margin: 5px 40px; background-color: #ffffff; font-size: 16px; font-weight: bold; box-shadow: 2px 0 10px rgba(0,0,0,0.4); transition: all ease-in-out 0.2s; }
.v2 .formation_thematiques_cma .formation_thematiques_detail_btn { color: #9b3029; }
.v2 .formation_thematiques_cma .formation_thematiques_detail_btn:hover, .formation_thematiques_cma .formation_thematiques_detail_btn:focus { color: #ffffff; background-color: #ff0000; }
.v2 .formation_thematiques_cma .formation_thematiques_detail_btn:active { box-shadow: inset 0 0 10px rgba(0,0,0,0.4) }
.v2 .formation_thematiques_dirigeant .formation_thematiques_detail_btn { color: #28a595; }
.v2 .formation_thematiques_dirigeant .formation_thematiques_detail_btn:hover, .formation_thematiques_dirigeant .formation_thematiques_detail_btn:focus { color: #ffffff; background-color: #28a595; }
.v2 .formation_thematiques_dirigeant .formation_thematiques_detail_btn:active { box-shadow: inset 0 0 10px rgba(0,0,0,0.4) }
.v2 .formation_contact_btn { display: inline-block; width: 300px; height: 78px; line-height: 78px; margin-top: 40px; background-color: #c20505; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.4); position: relative; z-index: 1; }
.v2 .formation_contact_btn:hover, .formation_contact_btn:focus { background-color: #ffffff; color: #9b3029; }
.v2 .formation_contact_btn:active { box-shadow: 0 0 4px rgba(0,0,0,0.4); transform: scale(0.98); }
.v2 .formation_thematiques_dirigeant .formation_contact_btn { background-color: #28a595; }
.v2 .formation_thematiques_dirigeant .formation_contact_btn:hover, .formation_thematiques_dirigeant .formation_contact_btn:focus { background-color: #ffffff; color: #28a595; }
.v2 .formation_thematiques_surmesure .formation_contact_btn { background-color: #1e9aae; margin-top: 0; }
.v2 .formation_thematiques_surmesure .formation_contact_btn:hover, .formation_thematiques_surmesure .formation_contact_btn:focus { background-color: #ffffff; color: #1e9aae; }
.v2 .page_formation .activcrea_circle_container { margin: 100px 0; }
.v2 .page_formation .activcrea_circle_box STRONG { font-size: 18px; font-style: normal; }
.v2 .page_formation .activcrea_circle_box P { padding: 68px 20px 0; }
.v2 .page_formation .activcrea_circle_box .circle_arrow { top: 45px; right: -40px; }
.v2 .page_formation .activcrea_circle { width: 180px; height: 180px; margin: 0 50px; }
.v2 .page_formation .activcrea_circle.selected { box-shadow: 0 2px 10px rgba(0,0,0,0.6); }
.v2 .page_formation .activcrea_circle_identification .activcrea_circle { background-color: #b4cc3a !important; }
.v2 .page_formation .activcrea_circle_precision .activcrea_circle { background-color: #93c050 !important; }
.v2 .page_formation .activcrea_circle_decision .activcrea_circle { background-color: #47b07e !important; }
.v2 .page_formation .activcrea_circle_identification .activcrea_circle I { top: -26px; left: 52px; font-size: 70px !important; }
.v2 .page_formation .activcrea_circle_precision .activcrea_circle I { top: -25px; left: 43px; font-size: 70px !important; }
.v2 .page_formation .activcrea_circle_decision .activcrea_circle I { top: -25px; left: 54px; font-size: 70px !important; }
.v2 #formation_thematiques_detail_modal {}
.v2 #formation_thematiques_detail_modal .modal-header { background-color: #28a595; height: 110px; padding-left: 30px; }
.v2 #formation_thematiques_detail_modal.cma .modal-header { background-color: #ff0000; }
.v2 #formation_thematiques_detail_modal .modal-header .title { font-size: 24px; color: #ffffff; line-height: 80px; font-weight: bold; width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v2 #formation_thematiques_detail_modal .modal-header .close { top: 26px; right: 30px; font-size: 60px; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.6); }
.v2 #formation_thematiques_detail_modal .modal-header .close:hover {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation-name: swing;
animation-name: swing;
}
.v2 #formation_thematiques_detail_modal .formation_thematiques_modal_content { display: none; }
.v2 #formation_thematiques_detail_modal .modal-body { padding: 0; }
.v2 #formation_thematiques_detail_modal .modal-content { background-color: transparent; box-shadow: none; border: 0; }
.v2 #formation_thematiques_detail_modal .grey_box {
color: #ffffff;
background: rgba(115,110,106,1);
background: -moz-linear-gradient(top, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(115,110,106,1)), color-stop(100%, rgba(69,66,64,1)));
background: -webkit-linear-gradient(top, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
background: -o-linear-gradient(top, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
background: -ms-linear-gradient(top, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
background: linear-gradient(to bottom, rgba(115,110,106,1) 0%, rgba(69,66,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#736e6a', endColorstr='#454240', GradientType=0 );
}
.v2 .dotted_container { margin: 15px 0; border: 1px dotted #ffffff; padding: 30px 40px 0 20px; }
.v2 .formation_thematiques_info_title I { margin-right: 10px; font-size: 30px; vertical-align: middle }
.v2 .formation_thematiques_info_title STRONG { font-size: 18px; vertical-align: middle }
.v2 .formation_thematiques_info_content P { font-size: 14px; margin-bottom: 50px; }
.v2 .formation_thematiques_duration { text-align: center; font-weight: bold; font-size: 24px; margin-top: 20px; }
.v2 .formation_thematiques_duration SPAN { display: block; font-size: 16px; line-height: 20px; margin-top: 5px; font-weight: normal; font-style: italic; }
.v2 .formation_thematiques_duration I { font-size: 30px; color: #ffffff; vertical-align: middle; margin-right: 5px; }
.v2 .circle_percent_container {
margin: 0 auto 10px;
vertical-align: text-top;
position: relative;
background-image: url(../img/modal-30-70-percent.png);
background-repeat: no-repeat;
background-position: center;
height: 174px;
width: 174px;
}
.v2 #formation_thematiques_detail_modal.cma .circle_percent_container { background-image: url(../img/modal-cma-30-70-percent.png); }
.v2 .circle_percent_container P {
position: absolute;
top: 37px;
line-height: 25px;
left: 27px;
text-transform: uppercase;
font-size: 16px;
text-align: left;
}
.v2 .circle_percent_container P:last-child {
top: auto;
left: auto;
right: 20px;
bottom: 20px;
text-align: right;
}
.v2 .circle_percent_container P SPAN {
display: block;
font-weight: bold;
font-size: 25px;
}
.v2 .dual_white_box_container { background-color: #ffffff; }
.v2 .dual_white_box_container .dual_white_box { float: left; width: 40%; padding: 30px; text-align: center; }
.v2 .dual_white_box_container .dual_white_box I { font-size: 30px; color: #1e9aae; }
.v2 .dual_white_box_container .dual_white_box:last-child { width: 60%; border-left: 8px solid rgba(69,66,64,1); }
.v2 .dual_white_box_container .dual_white_box_title { color: #1e9aae; font-size: 18px; font-weight: bold; }
.v2 #formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box_title { color: #9b3029; }
.v2 #formation_thematiques_detail_modal.cma .dual_white_box_container I { color: #9b3029; }
.v2 .dual_white_box_container .dual_white_box_content { color: #3b3b3b; font-size: 15px; line-height: 18px; text-align: left; }
.v2 .dual_white_box_container .dual_white_box .picto_mobile { display: none; }
.v2 #formation_thematiques_detail_modal .formation_contact_btn { display: block; margin: 10px auto 0; background-color: #28a595; }
.v2 #formation_thematiques_detail_modal .formation_contact_btn:hover, #formation_thematiques_detail_modal .formation_contact_btn:focus { background-color: #ffffff; color: #28a595; }
.v2 #formation_thematiques_detail_modal.cma .formation_contact_btn { background-color: #ff0000; }
.v2 #formation_thematiques_detail_modal.cma .formation_contact_btn:hover, #formation_thematiques_detail_modal.cma .formation_contact_btn:focus { background-color: #ffffff; color: #9b3029; }
/************ PAGE PLATEFORME *************/
.v2 .align-left { text-align: left; }
.v2 .page_lelabbo { position: relative; }
.v2 .page_lelabbo .interstitiel_container {
position: absolute;
/*min-height: 1020px;*/
width: 100%;
z-index: 110;
background-image: url(../img/fond_seed_accueil.jpg);
background-position: center 20px;
background-repeat: no-repeat;
background-color: #ffffff;
background-attachment: fixed;
text-align: center;
}
.v2 .page_lelabbo .interstitiel_container IMG { margin: 140px 0 35px; }
.v2 .page_lelabbo .interstitiel_container H1 { color: #624d59; font-size: 36px; line-height: 30px; font-weight: bold; margin-bottom: 60px; }
.v2 .page_lelabbo .interstitiel_container H1 SPAN { color: #624d59; font-size: 20px; display: block; font-weight: normal; }
.v2 .page_lelabbo .interstitiel_container P { color: #ffffff; font-style: italic; text-shadow: 0 0 5px rgba(0,0,0,0.8); font-size: 32px; font-weight: bold; margin-bottom: 0; }
.v2 .blue_rounded_btn {
display: inline-block;
width: 170px;
height: 170px;
border-radius: 50%;
background-color: #0097aa;
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
border: 0;
color: #ffffff;
margin: 0 40px;
padding: 0;
outline: 0;
font-size: 20px;
line-height: 24px;
font-style: italic;
text-align: center;
}
.v2 .interstitiel_container .blue_rounded_btn { width: 200px; height: 200px; padding: 15px; }
.v2 .blue_rounded_btn I { display: block; font-size: 40px; font-style: normal; margin: 30px 0 10px; }
.v2 .interstitiel_container .blue_rounded_btn I { margin: 25px 0 10px; }
.v2 .blue_rounded_btn:hover, .blue_rounded_btn:active, .blue_rounded_btn:focus { background-color: #ffffff; color: #0097aa; box-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.v2 .post_interstitiel_container { height: 0; overflow: auto; background-color: #ffffff; }
@media(max-width: 992px) {
.v2 .interstitiel_container H1 { margin-bottom: 40px; }
.v2 .interstitiel_container P { margin-bottom: 20px !important; }
.v2 .interstitiel_container .col-md-6 { text-align: center !important; }
.v2 .interstitiel_container .col-md-6 A { margin-bottom: 20px; }
}
@media(max-width: 625px) {
.v2 .page_lelabbo .incrustation_block .licence_apprenant_text { float: none; text-align: center; }
.v2 .page_lelabbo .incrustation_block IMG { margin: 20px auto; }
}
.v2 .page_lelabbo .intro {
min-height: 1570px;
background-image: url(../img/fond_seed_intro.jpg);
background-position: center 40px;
background-repeat: no-repeat;
background-color: #ffffff;
background-attachment: scroll;
}
.v2 .page_lelabbo .intro .slogan { width: 960px; margin: 0 auto; padding: 120px 0 0; position: relative; min-height: 540px; background-color: transparent; text-align:left }
.v2 .page_lelabbo .intro .slogan H1 { margin: 60px 0 0; color: #3f9cb2; font-size: 35px; line-height: 45px; font-weight: normal; text-align: left; }
.v2 .page_lelabbo .intro .slogan H2 { margin: 10px 0 40px; font-style: italic; color: #756f6f; }
/*.blue_circle_digitaliser_container { position: absolute; right: -60px; bottom: -20px; overflow: hidden; height: 240px; width: 440px; }*/
/*.page_lelabbo .intro .blue_circle_digitaliser {*/
/*width: 440px;*/
/*height: 425px;*/
/*border-radius: 50%;*/
/*background-color: rgba(102, 179, 196, 0.8);*/
/*padding-top: 70px;*/
/*}*/
/*.page_lelabbo .intro .blue_circle_digitaliser P { font-size: 35px; }*/
.v2 .lelabbo_container { width: 960px; margin: 0 auto; }
.v2 .page_lelabbo .anchor_container { background-color: rgba(255, 255, 255, 0.6); min-height: 1100px; }
.v2 .page_lelabbo .anchor_container .lelabbo_container { position: relative; }
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list { list-style-type: none; padding: 0; margin: 0; width: 100%; position: absolute; top: -20px; }
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list LI { display: inline-block; width: 33%; text-align: center; vertical-align: top; }
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list LI A { display: block; margin: 0 auto 15px; width: 50px; height: 50px; line-height: 54px; border-radius: 50%; background-color: #ffffff; box-shadow: 1px 0 5px rgba(0,0,0,0.6); color: #3f9cb2; font-size: 20px; }
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list LI:hover A { animation-name: bounce;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1; }
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list LI P { color: #686a64; font-size: 17px; }
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list LI STRONG { color: #66b3c4; font-size: 20px; display: block; }
.v2 .page_lelabbo .visibilite_catalogue_row { margin-top: 320px; }
.v2 .page_lelabbo .visibilite_catalogue_row .visibilite_catalogue_col { float: left; width: 50%; }
.v2 .page_lelabbo .visibilite_catalogue_row .visibilite_catalogue_col H2 { color: #eb6a5d; font-size: 29px; text-transform: uppercase; font-weight: bold; margin:95px 0 10px; }
.v2 .page_lelabbo .visibilite_catalogue_row .visibilite_catalogue_col H3 { color: #6d756e; font-size: 23px; text-transform: uppercase; font-weight: normal; }
.v2 .page_lelabbo .visibilite_catalogue_row .stagiaire_inscription_block { width: 336px; height: 336px; border-radius: 50%; position: relative; margin: 0 auto; background-image: url('../img/lelabbo_stagiaire_inscription.png'); background-repeat: no-repeat; }
.v2 .page_lelabbo .visibilite_catalogue_row .stagiaire_inscription_block P { position: absolute; width: 100%; font-size: 16px; color: #ffffff; text-transform: uppercase; text-align: center; bottom: 10px; }
.v2 .services_dot_container { width: 830px; margin: 0 auto; font-size: 0; }
.v2 .services_dot_container .services_dot { display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 0; background-color: #ffffff; border-color: #eb6a5d; border-style: solid; opacity: 0.6; }
.v2 .services_dot_container .services_dot:nth-child(1) { border-width: 2px; }
.v2 .services_dot_container .services_dot:nth-child(3) { border-width: 4px; }
.v2 .services_dot_container .services_dot:nth-child(5) { border-width: 6px; }
.v2 .services_dot_container .services_dot:nth-child(7) { border-width: 8px; }
.v2 .services_dot_container .services_dot:nth-child(9) { border-width: 10px; }
.v2 .services_dot_container .services_dot:nth-child(11) { border-width: 15px; }
.v2 .services_dot_container .services_dot I { display: none; }
.v2 .services_dot_container .services_line { display: inline-block; vertical-align: top; width: 90px; margin: 15px 20px 0; border-top: 1px solid #f5a48e; }
.v2 .plateforme_services_container { position: relative; padding: 130px 0; margin: 50px 0 0 }
.v2 .plateforme_services_container .plateforme_service { position: absolute; font-size: 16px; color: #6d756e; text-align: center; }
.v2 .plateforme_services_container .plateforme_service P { margin: 10px 0; line-height: 20px; color: #6d756e; }
.v2 .plateforme_services_container .plateforme_service I { font-size: 25px; color: #969b91; }
.v2 .plateforme_services_container .plateforme_service_bottom { bottom: 0 }
.v2 .plateforme_services_container .plateforme_service_top { top: 0 }
.v2 .plateforme_service_gestion { left: 10px; }
.v2 .plateforme_service_price { left: 312px; }
.v2 .plateforme_service_catalogue { right: 110px; }
.v2 .plateforme_service_video { left: 183px; }
.v2 .plateforme_service_connexion { left: 480px; }
.v2 .plateforme_service_integration { right: 0; }
.v2 .digital_title_container { padding: 40px 0 20px; background-image: url('../img/bandeau_passez_au_digital.jpg'); background-position: center; height: 200px; box-shadow: 0 2px 6px rgba(0,0,0,0.6); position: relative; z-index: 1; }
.v2 .digital_title_container H2 { font-size: 40px; color: #ffffff; margin: 0 0 10px; font-weight: normal; text-transform: uppercase; font-weight: 100; }
.v2 .digital_title_container H3 { font-size: 23px; color: #ffffff; margin: 0; font-weight: 500; text-transform: uppercase; }
.v2 .lelabbo_digital_gradient {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #d0cac7 80%, #d0cac7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#d0cac7 80%,#d0cac7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#d0cac7 80%,#d0cac7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0cac7',GradientType=0 );
}
.v2 .lelabbo_digital_gradient_bg {
min-height: 1660px;
background-image: url('../img/lelabbo_digital_gradient_bg.png');
background-position: bottom center;
background-repeat: repeat-x;
}
.v2 .lelabbo_creation_tool { background-image: url('../img/digital_section_visual.png'); background-position: center top; background-size: contain; background-repeat: no-repeat; min-height: 620px; padding-top: 40px; position: relative; }
.v2 .lelabbo_creation_tool .description_creation_tool { width: 275px; margin: 0 auto; font-size: 16px; line-height: 20px; color: #686a64; text-align: justify; }
.v2 .tooltips_creation_tool { position: absolute; top: 455px; color: #3f9cb2; text-align: center; }
.v2 .tooltips_creation_tool P { font-size: 16px; line-height: 20px; margin: 0; }
.v2 .tooltips_creation_tool I { display: none; }
.v2 .tooltips_creation_tool .tooltip_line { height: 42px; width: 1px; border-left: 1px solid #d3d0d0; margin: 0 auto; }
.v2 .tooltips_creation_tool:nth-child(odd) .tooltip_line { height: 96px; }
.v2 .tool_modules { left: 0; }
.v2 .tool_modules .tooltip_line { margin: 0 0 0 51px; }
.v2 .tool_production { left: 102px; }
.v2 .tool_presentiel { left: 197px; }
.v2 .tool_video { left: 327px; }
.v2 .tool_quiz { left: 416px; }
.v2 .tool_document { left: 541px; }
.v2 .tooltips_asterix { position: absolute; right: 10px; bottom: 10px; font-size: 14px; margin: 0; color: #878c83; text-transform: uppercase; font-weight: 100; }
.v2 .modules_editeur_container { margin-top: 100px; }
.v2 .modules_editeur_container H3 { padding: 0 0 0 30px; font-size: 30px; margin: 0 0 10px; color: #4a4945; font-weight: bold; text-transform: uppercase }
.v2 .modules_editeur_container H4 { padding: 0 0 0 30px; font-size: 21px; margin: 0; color: #4a4945; text-transform: uppercase }
.v2 .modules_editeur_visual { margin-top: 40px; position: relative; }
.v2 .modules_editeur_visual .modules_editeur_circle {
width: 317px;
height: 317px;
border-radius: 50%;
position: absolute;
bottom: -105px;
right: -75px;
box-shadow: 0 0 10px rgba(0,0,0,0.6);
text-align: center;
color: #ffffff;
padding: 30px;
background: #afd751;
background: -moz-linear-gradient(top, #afd751 0%, #86b925 100%);
background: -webkit-linear-gradient(top, #afd751 0%,#86b925 100%);
background: linear-gradient(to bottom, #afd751 0%,#86b925 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd751', endColorstr='#86b925',GradientType=0 );
}
.v2 .modules_editeur_visual .modules_editeur_circle I { font-size: 50px; }
.v2 .modules_editeur_visual .modules_editeur_circle P { font-size: 19px; line-height: 24px; text-transform: uppercase; margin: 20px 0; }
.v2 .lelabbo_financement_section { background-color: #ffffff; padding: 110px 0 0 0; }
.v2 .lelabbo_financement_section H2 { font-size: 52px; color: #3f9cb2; margin: 0 0 10px 0; font-weight: 100; text-transform: uppercase; }
.v2 .lelabbo_financement_section H3 { font-size: 32px; color: #878c83; margin: 0 0 10px 0; font-weight: normal; text-transform: uppercase; }
.v2 .financement_visual_container { position: relative; margin-top: 50px; min-height: 750px; }
.v2 .financement_visual_container P { width: 350px; font-size: 19px; line-height: 24px; color: #6d756e; text-align: justify; }
.v2 .financement_visual_container img { position: absolute; top: -60px; width: 560px; right: -30px; }
.v2 .plateforme_section { background-color: #ffffff; padding: 0 0 160px; }
.v2 .plateforme_section H2 { font-size: 45px; line-height: 55px; color: #eb6a5d; margin: 0 0 15px 0; font-weight: 100; text-transform: uppercase; }
.v2 .plateforme_section H3 { font-size: 24px; color: #708b8e; margin: 0 0 30px 0; font-weight: 300; text-transform: uppercase; }
.v2 .plateforme_section P { font-size: 17px; color: #6d756e; font-weight: 300; margin: 30px 0 0 }
.v2 .plateforme_section TABLE { width: 650px; margin: 0 auto; }
.v2 .plateforme_section TABLE TH { font-size: 15px; font-weight: bold; color: #454847; padding: 5px 10px; }
.v2 .plateforme_section TABLE TD { font-size: 16px; color: #454847; text-align: center; position: relative; padding: 1px; }
.v2 .plateforme_section TABLE TR TD:first-child { text-align: right; padding: 5px 10px; }
.v2 .plateforme_section TABLE .cell_dotted_line { display: inline-block; width: 100%; vertical-align: middle; height: 1px; border-top: 1px dotted #f5a48e; }
.v2 .plateforme_section TABLE .cell_dotted_line:before { content: ''; width: 26px; height: 26px; border-radius: 50%; background-color: rgba(245, 164, 142, 0.8); position: absolute; top: 6px; display: none; }
.v2 .plateforme_section TABLE .cell_dotted_line.cell_checked:before { display: inline-block; }
.v2 .lelabbo_tarification_section H2 { font-size: 38px; color: #a2c945; }
.v2 .lelabbo_tarification_section H3 { font-size: 22px; }
.v2 .lelabbo_tarification_section .licence_title { text-align: center; margin: 80px 0 40px; }
.v2 .lelabbo_tarification_section TABLE { width: 100%; }
.v2 .circle_licence_editeur {
width: 120px;
height: 120px;
border-radius: 50%;
color: #887d7a;
text-align: center;
font-size: 17px;
line-height: 20px;
padding: 18px 0 0 0;
border: 20px solid #c6e08e;
margin: 0 auto;
}
.v2 .lelabbo_demo_section_mobile { display: none; }
.v2 .lelabbo_demo_section H2 { color: #3f9cb2; font-size: 38px; }
.v2 .lelabbo_demo_section H3 { font-size: 23px; color: #708b8e; font-weight: 300 }
.v2 .demo_contact_container { margin: 140px 0 0; }
.v2 .demo_contact_container .demo_contact_name { font-size: 45px; font-weight: 300; color: #5e9296; margin: 0; }
.v2 .demo_contact_container .demo_contact_job { font-size: 18px; font-weight: 300; color: #454847; margin: 0; }
.v2 .demo_contact_container A { font-size: 27px; font-weight: 600; color: #9fd146; }
.v2 .demo_contact_container .demo_contact_phone { font-size: 27px; font-weight: 600; color: #9fd146; margin: 0; }
/* FIN PAGE PLATEFORME */
@media (max-width: 992px) {
.v2 .page_mentions_legales .cgu_container { width: 100%; margin: 0 auto; padding: 70px 40px; }
.v2 .desktop_nav { display: none; }
.v2 .smartphone_nav { display: block; }
.v2 .page_conseiller .intro { background-image: url('../img/background_digital_mobile.jpg'); min-height: 670px; }
.v2 .page_conseiller .intro H1 { margin-top: 100px; font-size: 26px; }
.v2 .page_conseiller .intro .slogan P {
padding: 0 10px;
font-size: 26px;
}
.v2 .circle_block {
width: 190px;
height: 190px;
padding-top: 20px;
margin: 0 15px;
}
.v2 .circle_block_green {
margin-top: 150px;
}
.v2 .circle_block .num {
font-size: 40px;
}
.v2 .project {
min-height: 980px;
background-image: url(../img/background_digital_project_mobile.jpg);
}
.v2 .project H1 { padding: 70px 40px 70px; margin-bottom: 50px; }
.v2 .project_phase { width: 400px; margin: 0 auto 30px; height: 160px; }
.v2 .project_phase P.project_phase_title{ margin-top: 40px; }
.v2 .project_phase1 P, .project_phase3 P { text-align: left; padding: 0 0 0 140px; }
.v2 .project_phase2 P, .project_phase4 P { text-align: right; padding: 0 140px 0 0; }
.v2 .project_phase1 I, .project_phase3 I { float: left; }
.v2 .project_phase2 I, .project_phase4 I { position: absolute; top: 0; right: 0; }
.v2 .project_phase:nth-child(even) {
padding-top: 0;
}
.v2 .project_phase .animation_container_plus_left1 {
left: -100px;
}
.v2 .project_phase .animation_container_plus_left2 {
right: -5px;
left: auto;
}
.v2 .project_phase .animation_container_plus_right3 {
left: 0;
}
.v2 .project_phase .animation_container_plus_right4 {
left: auto;
right: -100px;
display: none;
}
.v2 .project_phase .animation_container_plus_left5 {
left: auto;
right: 0;
display: block;
}
.v2 .project_phase .phase_arrow {
position: absolute;
top: auto;
bottom: -40px;
right: 45%;
right: calc(50% - 41px);
}
.v2 .project_phase1 .phase_arrow, .project_phase3 .phase_arrow { transform: rotate(9deg);}
.v2 .project_phase2 .phase_arrow { transform: rotate(165deg);}
.v2 .phase_progress_container {
margin-top: 0;
position: absolute;
top: 240px;
left: 100px;
transform: rotate(90deg);
transform-origin: top left;
width: 680px;
}
.v2 .phase_progress_container .phase_bar_container {
width: 140px;
}
.v3 .phase_modal {
left: 0 !important;
width: 100%;
}
.v3 .phase_modal_container {
background-color: rgba(0,0,0,0.4);
}
.v2 .page_conseiller .spi_licence_validity_container {
padding: 30px 0 0;
height: 245px;
}
.v2 .page_conseiller .spi_licence_validity_container .spi_licence_validity {
width: 200px !important;
height: 200px !important;
padding: 40px 30px !important;
box-shadow: 0 2px 15px rgba(0,0,0,0.6) !important;
border-radius: 50%;
}
.v2 .page_conseiller .spi_licence_validity_container .spi_licence_validity P {
font-size: 18px !important;
margin-top: 10px;
}
.v2 .seed_perle_pc_container { display: none; }
.v2 .seed_perle_mobile_container { display: block; }
.v2 .seed_perle_mobile_container .seed_perle_container { float: left; width: 50%; }
.v2 .seed_perle_bottom_container IMG {
margin-top: 0px;
margin-bottom: -35px;
}
.v2 .special_perle { margin-top: 60px; }
.v3 .section_equipe {
min-height: 765px;
background-image: url(../img/background_equipe_mobile.jpg);
padding: 80px 0 80px;
}
.v3 .ingenieur_pedagogique { left: 5%; }
.v3 .chef_projet { left: 70%; }
.v3 .directeur_artistique { left: 30%; top: 150px; }
.v3 .graphiste { left: 40%; top: 250px; }
.v3 .expert_lms { left: 80%; top: 240px; }
.v3 .ux_designer { left: 3%; top: 340px; }
.v3 .developpeur_web { left: 55%; top: 370px; }
.v3 .job_link_block:hover .job_link_block_relative .job_link_dot { display: none; }
.v3 .job_link_block:hover .job_link_block_relative .job_link { display: none; }
.v3 .phases_container { display: none; }
.v2 .page_diagnostic .container { padding: 0; width: 100%; }
.v2 .page_diagnostic .row { margin: 0; }
.v2 .page_diagnostic .intro {
background-image: none;
}
.v2 .smartphone_bg_intro {
background-image: url(../img/fond_diag_smartphone.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.v2 .page_diagnostic H1 {
margin: 120px 0 60px;
}
.v2 .white_box {
background-color: rgba(255,255,255,1);
}
.v2 .page_diagnostic .blue_box {
margin-bottom: 0;
border-radius: 0;
position: relative;
z-index: 10;
}
.v2 .opca_row .blue_box {
height: auto;
}
.v2 .bg_diagnostic {
margin-left: 0;
margin-bottom: 10px;
background-position: center 110px;
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.v2 .bg_accompagnement {
margin-right: 0;
margin-bottom: 0;
background-position: center bottom;
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.v2 .prise_en_charge { text-align: center; }
.v2 .opca_partenaire { box-shadow: 0 2px 10px rgba(0,0,0,0.6); }
.v2 .site_map { display: block; margin: 30px 10px; }
.v2 .site_map ul { text-align: center; padding: 0; }
.v2 .site_map .footer_nav_right { text-align: center; padding: 0; }
.v2 .social_link_container { display: none; }
.v2 .social_link_container_smartphone { display: block; }
.v2 footer p {
font-size: 14px;
}
.v2 .client_showcase_section H2 {
padding: 0 10px;
}
.v2 .client_showcase_box {
padding: 40px 0;
}
.v2 .page_activcrea .intro { background-image: url(../img/fond_ectivcrea_smarphone.jpg); background-attachment: scroll; }
.v2 .page_activcrea .intro .container { width: 100%; padding: 0; }
.v2 .page_activcrea .intro .row { margin: 0 }
.v2 .page_activcrea .home_slider_content { width: 100%; }
.v2 .page_activcrea .home_slider_content_container { display: none; }
.v2 .page_activcrea H1 { padding: 0 0 0 220px; }
.v2 .page_activcrea .blue_text { padding: 0 0 0 220px; }
.v2 .page_activcrea .grey_text { padding: 0 0 0 220px; }
.v2 .pole_emploi_absolute_box { left: 20px; }
.v2 .activcrea_circle_container { margin: 100px 0 0; }
.v2 .activcrea_circle_description {
display: block;
color: #ffffff;
height: 235px;
position: absolute;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.4);
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.v2 .activcrea_circle_box { display: block; padding-bottom: 185px }
.v2 .activcrea_circle_precision, .activcrea_circle_decision { padding-top: 60px; background-image: url(../img/fond_ectivcrea_smarphone2.jpg); }
.v2 .activcrea_circle_precision { background-position: top center; }
.v2 .activcrea_circle_decision { background-position: bottom center; }
.v2 .activcrea_circle_box .circle_arrow {
bottom: -60px;
top: auto;
right: 42%;
right: calc(50% - 60px);
transform: rotateZ(75deg);
}
.v2 .activcrea_circle_box P {
padding: 60px 20px 40px;
line-height: 22px;
max-width: 650px;
margin: 0 auto;
font-size: 16px;
}
.v2 .activcrea_circle_description P STRONG {
display: inline-block;
font-size: 18px;
}
.v2 .activcrea_circle {
display: inline-block;
}
.v2 .activcrea_circle.selected {
box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.v2 .activcrea_circle_identification .activcrea_circle {
background-color: #b4cc3a !important;
}
.v2 .activcrea_circle_precision .activcrea_circle {
background-color: #93c050 !important;
}
.v2 .activcrea_circle_decision .activcrea_circle {
background-color: #47b07e !important;
}
.v2 .activcrea_circle P { padding: 80px 20px 0; }
.v2 .activcrea_location_title P {
text-align: center;
padding-left: 0;
}
.v2 .activcrea_location_btn_col { text-align: center; }
.v2 .location_row_container { text-align: center; margin-top: 20px; }
.v2 .location_row { display: inline-block; width: 310px; padding-left: 60px; }
.v2 .location_icon { padding-left: 0; }
.v2 .location_text { text-align: left; }
.v2 .activcrea_stats { padding-bottom: 60px; background-repeat: repeat; }
.v2 .activcrea_stats .container { width: 100%; }
.v2 .stat_accompagnement .stat_circle { left: 42%; left: calc(50% - 85px); top: -115px; }
.v2 .stat_pole_emploi .stat_circle { left: 42%; left: calc(50% - 85px); top: auto; bottom: -119px; }
.v2 .stat_accompagnement .stat_block {
padding: 60px 20px 20px 20px;
margin-bottom: 20px;
}
.v2 .stat_pole_emploi .stat_block { padding: 15px 15px 60px 15px; }
.v2 .stat_block_container .stat_block { border-radius: 0; }
.v2 .stat_block_container .stat_block P { text-align: center; }
.v2 .page_spi_cma .intro {
background-image: url(../img/fond_ciel_SPI_carte_mobile.jpg);
min-height: 854px;
background-color: #f6f2ef;
}
.v2 .page_spi_cma H1 {
text-align: center;
margin: 20px 0 40px;
padding: 0 20px;
font-size: 26px;
}
.v2 .spi_select_cma_container { display: block; }
.v2 .map_svg_container {
width: 85%;
}
.v2 .spi_avantage_container {
background-image: url(../img/fons_spi_les_avantages_mobile.jpg);
min-height: 775px;
background-position: bottom center;
background-color: #f6f2ef;
position: relative;
padding-bottom: 290px;
}
.v2 .spi_avantage_container h2 {
font-size: 26px;
padding: 0 20px;
}
.v2 .spi_avantage_showcase_container { display: none; }
.v2 .spi_avantage_showcase_container_mobile { display: block; width: 95%; margin: 0 auto; }
.v2 .spi_avantage_showcase_container_mobile .panel-body {
min-height: 300px;
}
.v2 .spi_avantage_showcase_container_mobile .panel-body P {
font-size: 14px;
line-height: 18px;
}
.v2 .spi_avantage_container .btn_spi_demo { position: absolute; bottom: 0; width: 100%; padding: 32px 0 0; text-align: center; margin: 0; font-size: 22px; }
.v2 .spi_avantage_container .btn_spi_demo I { top: -120px; left: calc(50% - 70px); right: auto; }
.v2 .spi_parcours_section H2 {
padding: 0 20px;
font-size: 26px;
}
.v2 .spi_parcours_section P {
padding: 0 20px;
}
.v2 .spi_parcours_section .spi_parcours_types {
font-size: 29px;
}
.v2 .spi_parcours_section .spi_parcours_types .spi_et {
font-size: 60px;
}
.v2 .spi_parcours_step_section {
background-image: url(../img/fond_SPI_etapes_mobile.jpg);
min-height: 1180px;
}
.v2 .spi_parcours_step_section .spi_parcours_step_content {
background-color: transparent;
margin: 0;
width: 100%;
min-height: auto;
padding: 240px 0 19px;
}
.v2 .spi_parcours_step_content_p {
background-color: rgba(0,0,0,0.7);
padding: 15px 20px !important;
}
.v2 .spi_parcours_step_circle {
margin: 50px 0;
height: 700px;
}
.v2 .spi_parcours_step_circle IMG { display: none; }
.v2 .spi_parcours_step_circle .step_1 {
top: 0;
left: calc(50% - 180px);
border-bottom-right-radius: 0;
}
.v2 .spi_parcours_step_circle .step_2 {
top: 75px;
left: calc(50% + 20px);
border-bottom-left-radius: 0;
background: -moz-linear-gradient(top, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,75,9,1)), color-stop(100%, rgba(218,62,1,1)));
background: -webkit-linear-gradient(top, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
background: -o-linear-gradient(top, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
background: -ms-linear-gradient(top, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
background: linear-gradient(to bottom, rgba(241,75,9,1) 0%, rgba(218,62,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f14b09', endColorstr='#da3e01', GradientType=0 );
}
.v2 .spi_parcours_step_circle .step_2 .spi_step_arrow {
display: none;
}
.v2 .spi_parcours_step_circle .step_3 {
top: 180px;
left: calc(50% - 180px);
border-bottom-right-radius: 0;
border-top-right-radius: 50%;
}
.v2 .spi_parcours_step_circle .step_4 {
top: 255px;
left: calc(50% + 20px);
border-bottom-left-radius: 0;
background: -moz-linear-gradient(top, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,5,5,1)), color-stop(100%, rgba(218,1,1,1)));
background: -webkit-linear-gradient(top, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
background: -o-linear-gradient(top, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
background: -ms-linear-gradient(top, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
background: linear-gradient(to bottom, rgba(237,5,5,1) 0%, rgba(218,1,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0505', endColorstr='#da0101', GradientType=0 );
}
.v2 .spi_parcours_step_circle .step_4 .spi_step_arrow {
display: none;
}
.v2 .spi_parcours_step_circle .step_5 {
top: 360px;
left: calc(50% - 180px);
border-bottom-right-radius: 0;
border-top-left-radius: 50%;
}
.v2 .spi_parcours_step_circle .step_6 {
top: 435px;
left: calc(50% + 20px);
border-bottom-left-radius: 0;
background: -moz-linear-gradient(top, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,6,6,1)), color-stop(100%, rgba(171,5,5,1)));
background: -webkit-linear-gradient(top, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
background: -o-linear-gradient(top, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
background: -ms-linear-gradient(top, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
background: linear-gradient(to bottom, rgba(212,6,6,1) 0%, rgba(171,5,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40606', endColorstr='#ab0505', GradientType=0 );
}
.v2 .spi_parcours_step_circle .step_6 .spi_step_arrow {
display: none;
}
.v2 .spi_parcours_step_circle .step_7 {
top: 540px;
left: calc(50% - 180px);
border-bottom-right-radius: 0;
border-bottom-left-radius: 50%;
}
.v2 .spi_dispositif { display: none; }
.v2 .spi_tarification_section {
background-color: #ffffff;
background-image: url('../img/cma_blur_logo.jpg');
background-position: center 20px;
background-repeat: no-repeat;
padding-top: 150px;
}
.v2 .spi_tarification_section H2 {
padding: 0 20px;
color: #1e9aae;
font-size: 26px;
}
.v2 .spi_tarification_section P {
padding: 0 20px;
color: #747371;
font-size: 14px;
width: 80%;
}
.v2 .spi_licence_section {
box-shadow: 0 0 10px rgba(0,0,0,0.6);
padding-top: 10px;
}
.v2 .spi_licence_section .spi_licence_box {
width: 130px;
margin: 0 2% 10px;
padding: 80px 0 30px;
background: #ffffff;
}
.v2 .spi_licence_validity_container .spi_licence_validity P {
font-size: 16px;
}
.v2 .spi_licence_tva {
text-align: center;
left: 0;
bottom: -10px;
width: 100%;
font-size: 14px;
}
.v2 .cma_contact_modal .modal-lg { width: 70%; margin: 20px auto; }
.v2 .contact_cma { width: 98%; }
.v2 .cma_contact_modal .modal-body {
padding: 30px 20px 0;
min-height: 215px;
background-size: 100% auto;
}
.v2 .contact_cma {
margin: 0 1% 20px;
}
.v2 .page_spi .intro {
background-image: url(../img/fond_spi_accueil_mobile.jpg);
}
.v2 .page_spi .intro_block {
box-shadow: 0 0 10px rgba(0,0,0,0.6);
width: 100%;
text-align: center;
}
.v2 .page_spi .logo_row {
margin: 350px 0 20px;
}
.v2 .page_spi .intro_block P {
font-size: 18px;
font-weight: 300;
line-height: 20px;
margin: 30px 0;
}
.v2 .page_spi .circle_bg_gradient_container {
position: relative;
padding: 0 0 30px;
width: 100%;
background: rgba(189,176,156,1);
background: -moz-linear-gradient(top, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,176,156,1)), color-stop(100%, rgba(16,18,16,1)));
background: -webkit-linear-gradient(top, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
background: -o-linear-gradient(top, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
background: -ms-linear-gradient(top, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
background: linear-gradient(to bottom, rgba(189,176,156,1) 0%, rgba(16,18,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdb09c', endColorstr='#101210', GradientType=0 );
}
.v2 .page_spi .circle_bg_gradient {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 150px;
background-color: #f5ecdc;
border-radius: 0 0 70px 70px;
box-shadow: inset 0 -20px 50px rgba(0,0,0,0.4);
z-index: 1;
}
.v2 .page_spi .page_spi_btn_container { position: relative; z-index: 2; margin-top: 140px; min-width: auto; margin: 50px 10px 30px; }
.v2 .page_spi .page_spi_btn_container P { display: none; }
.v2 .page_spi .you_are_box_container { position: absolute; top: 20px; left: 0; width: 100%; z-index: 2; margin: 0; min-width: auto; }
.v2 .page_spi .you_are_box { background-color: transparent; color: #747371 !important; font-size: 22px; width: 100%; padding: 0; margin: 0 !important; text-shadow: none !important; display: block !important; }
.v2 .page_spi .circle_bg_gradient_container .mobile_display { display: block; color: #ffffff; font-style: italic; font-weight: 300; }
.v2 .attestation_section H2 { text-align: center; padding-left: 0; margin-bottom: 40px; }
.v2 .attestation_section P { padding-left: 0; text-align: center; }
.v2 .attestation_section .container { height: 530px; }
.v2 .btn_fusee_box { position: static; }
.v2 .btn_fusee_box .btn_fusee { position: absolute; width: 250px; height: 250px; border-radius: 50%; bottom: -30px; left: calc(50% - 125px); }
.v2 .btn_fusee_box .btn_fusee P { font-size: 20px; line-height: 25px; margin: 90px 0 0 50px; }
.v2 .btn_fusee_box .btn_fusee IMG { position: absolute; top: -45px; left: 85px; width: 140px; }
.v2 .page_spi_artisant .spi_parcours_step_section {
background-image: url('../img/fond_SPI_artisant_etapes_mobile.jpg');
}
.v2 .spi_montage {
background-image: url(../img/fond_SPI_artisan_montage_tablette.jpg);
}
.v2 .spi_montage .container { width: 100%; }
.v2 .spi_montage .spi_montage_box .white_circle {
width: 170px;
height: 170px;
padding: 15px;
margin: 170px 40px 0 0;
}
.v2 .page_home .intro {
min-height: 1035px;
background-image: url(../img/background_accueil_mobile.jpg);
}
.v2 .page_home .logo_container {
left: calc(50% - 203px);
top: 60px;
}
.v2 .page_home .logo_container IMG { height: 90px; }
.v2 .home_cat_container {
width: 550px;
}
.v2 .home_cat_container .home_cat {
background-color: transparent;
min-height: auto;
padding-top: 175px;
}
.v2 .home_cat_container .home_cat:first-child {
border-right: 0;
}
.v2 .home_cat_container .home_cat H2 {
font-size: 30px;
line-height: 36px;
text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.v2 .home_step_content {
width: 100%;
min-height: 776px;
padding-top: 0;
position: absolute;
top: 150px;
left: auto;
}
.v2 .home_step_content .spi_parcours_step_circle {
height: 572px;
width: 360px;
margin: 85px auto;
background-image: url('../img/arbre.png');
background-repeat: no-repeat;
background-position: center;
}
.v2 .home_step_content .spi_parcours_step_circle .step_1 {
top: 205px;
left: 0;
border-bottom-right-radius: 50%;
border-top-right-radius: 0;
}
.v2 .home_step_content .spi_parcours_step_circle .step_2 {
top: 387px;
left: 0;
border-bottom-left-radius: 50%;
border-top-right-radius: 0;
}
.v2 .home_step_content .spi_parcours_step_circle .step_3 {
top: 561px;
left: 0;
border-bottom-right-radius: 50%;
border-top-right-radius: 0;
}
.v2 .home_step_content .spi_parcours_step_circle .step_5 {
top: 475px;
left: auto;
right: 0;
border-bottom-right-radius: 50%;
border-top-left-radius: 0;
}
.v2 .home_step_content .spi_parcours_step_circle .step_6 {
top: 295px;
right: 0;
border-bottom-left-radius: 50%;
border-top-left-radius: 0;
}
.v2 .home_step_content .spi_parcours_step_circle .step_7 {
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 0;
right: 0;
top: 113px;
left: auto;
}
.v2 .home_step_content .spi_parcours_step_circle IMG { display: block; }
.v2 .page_home .spi_licence_validity_container { display: none; }
/******* FORMATION MOBILE *******/
.v2 .page_formation .intro { background-image: url(../img/fond_formation_accueil_mobile.jpg) !important; background-position: center 40px !important; }
.v2 .page_formation .intro .slogan H1 { margin-top: 100px; }
.v2 .page_formation .intro .slogan P { padding: 0 20px; }
.v2 .page_formation .dark_bg { width: auto; background-color: transparent; }
.v2 .formation_dotted_container, .page_formation.surmesure .formation_dotted_container, .page_formation.cma .formation_dotted_container, .page_formation.dirigeant .formation_dotted_container { width: 96%; margin: 0 auto 14px; padding: 0 0 100px 0; position: static; }
.v2 .formation_dotted_container.simplified { border-bottom: 1px dotted #ffffff; }
.v2 .formation_dotted_container .formation_btn { width: 180px; }
.v2 .page_formation.cma .formation_dotted_container legend { color: #ffffff; }
.v2 .formation_dotted_container .formation_btn SPAN { }
.v2 .formation_description_container { display: block; width: 100%; background-color: #ffffff; }
.v2 .formation_description_surmesure { display: block; }
.v2 .formation_description_arrow { left: 187px; border-bottom: 14px solid rgba(255,255,255,1); }
.v2 .page_formation.cma .formation_description_arrow { left: 370px; }
.v2 .page_formation.dirigeant .formation_description_arrow { left: 553px; }
.v2 .db_logo_container { display: none; }
.v2 .page_formation.surmesure .formation_thematiques_container .db_logo_container, .page_formation.cma .formation_thematiques_container .db_logo_container, .page_formation.dirigeant .formation_thematiques_container .db_logo_container {
display: none;
}
.v2 .formation_description_content { padding: 40px 50px; }
.v2 .formation_thematiques_container { width: 100%; padding: 40px 0 0; display: block; background-image: url('../img/fond_formation_surmesure.jpg'); background-size: auto; background-position: center top; }
.v2 .surmesure .formation_thematiques_container { background-image: url('../img/fond_formation_surmesure.jpg'); }
.v2 .cma .formation_thematiques_container { background-image: url('../img/fond_formation_cma.jpg'); }
.v2 .dirigeant .formation_thematiques_container { background-image: url('../img/fond_formation_dirigeant_mobile.jpg'); }
.v2 .formation_thematiques_surmesure { display: block; }
.v2 .formation_thematiques_content H3 { margin-bottom: 40px; }
.v2 .cma .formation_thematiques_content H3 { color: #4c4a4a; }
.v2 .formation_thematiques_content P.formation_thematiques_subtitle { display: none; }
.v2 .formation_thematiques_content P.formation_thematiques_subtitle_bottom { display: block; margin: 20px 0 0; padding: 20px 40px; background-color: rgba(40,169,145,0.8); }
.v2 .cma .formation_thematiques_content P.formation_thematiques_subtitle_bottom { background-color: rgba(155,48,41,0.8); }
.v2 .formation_thematiques_detail_btn { display: block; width: 96%; margin: 5px auto; background-color: rgba(255,255,255,0.8); }
.v2 .page_formation .activcrea_circle_container { margin: 60px 0 0; }
.v2 .page_formation .activcrea_circle_box { background-image: none; padding-bottom: 70px; }
.v2 .page_formation .activcrea_circle_box .circle_arrow { top: auto; bottom: -10px; right: 44%; right: calc(50% - 50px); transform: rotateZ(88deg); }
.v2 #formation_thematiques_detail_modal .grey_box { padding-bottom: 80px; }
.v2 #formation_thematiques_detail_modal .modal-content { background-color: #ffffff; }
.v2 #formation_thematiques_detail_modal .modal-body { padding: 0 0 20px; }
.v2 .dotted_container { margin: 10px; }
.v2 .formation_thematiques_info_title { text-align: center; }
.v2 .formation_thematiques_info_title IMG { margin: 0 auto; display: block; }
.v2 .formation_thematiques_info_content { padding: 10px 20px 0; }
.v2 .dual_white_box_container .dual_white_box { float: none; width: 100%; background-color: #28a595; position: relative; padding: 60px 30px 50px; }
.v2 #formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box { background-color: #ff0000; }
.v2 .dual_white_box_container .dual_white_box I {
display: block;
position: absolute;
top: -42px;
left: 45%;
left: calc(50% - 42px);
width: 84px;
height: 84px;
background-color: #28a595;
border-radius: 50%;
box-shadow: 0 -4px 10px rgba(0,0,0,0.4);
line-height: 84px;
color: #ffffff;
}
.v2 .dual_white_box_container .dual_white_box:last-child { width: 100%; border-left: 0; background-color: #ffffff !important; }
.v2 .dual_white_box_container .dual_white_box:last-child I {
background-color: #ffffff;
color: #1e9aae;
}
.v2 #formation_thematiques_detail_modal.cma .dual_white_box_container I { color: #ffffff; background-color: #ff0000; }
.v2 #formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box:last-child I { color: #9b3029; background-color: #ffffff; }
.v2 .dual_white_box_container .dual_white_box_content { color: #ffffff; }
.v2 .dual_white_box_container .dual_white_box:last-child .dual_white_box_content { color: #1e9aae; }
.v2 #formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box:last-child .dual_white_box_content { color: #9b3029; }
.v2 .dual_white_box_container .dual_white_box_title { color: #ffffff !important; }
.v2 .dual_white_box_container .dual_white_box:last-child .dual_white_box_title { color: #1e9aae !important; }
.v2 #formation_thematiques_detail_modal.cma .dual_white_box_container .dual_white_box:last-child .dual_white_box_title { color: #9b3029 !important; }
.v2 #formation_thematiques_detail_modal .formation_contact_btn { margin: 10px auto 0; }
.v2 #formation_thematiques_detail_modal .formation_contact_btn:hover, #formation_thematiques_detail_modal .formation_contact_btn:focus { background-color: #28a595ab; color: #ffffff; }
/******* LELABBO MOBILE *******/
.v2 .lelabbo_container {
width: 100%;
}
.v2 .page_lelabbo .intro {
min-height: 680px;
background-image: none;
background-position: center 0;
background-size: contain;
}
.v2 .page_lelabbo .intro .slogan {
width: auto;
padding: 0;
border-radius: 0;
min-height: auto;
}
.v2 .page_lelabbo .intro .slogan_bg {
background-image: url(../img/fond_seed_intro_mobile1.jpg);
background-position: center 0;
background-size: cover;
padding: 100px 0 30px;
}
.v2 .page_lelabbo .intro .slogan H1 {
margin: 10px auto 0;
text-align: center;
font-size: 25px;
line-height: 30px;
width: 280px;
}
.v2 .page_lelabbo .intro .slogan H2 {
text-align: center;
font-size: 28px;
line-height: 46px;
margin: 0;
padding: 28px 20px 0;
color: #ffffff;
width: 100%;
height: 150px;
border-radius: 0;
background: #55b2c1;
background: -moz-linear-gradient(top, #55b2c1 0%, #51acbb 50%, #49a0ae 51%, #53aebd 100%);
background: -webkit-linear-gradient(top, #55b2c1 0%,#51acbb 50%,#49a0ae 51%,#53aebd 100%);
background: linear-gradient(to bottom, #55b2c1 0%,#51acbb 50%,#49a0ae 51%,#53aebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b2c1', endColorstr='#53aebd',GradientType=0 );
}
.v2 .page_lelabbo .intro .slogan IMG {
display: block;
margin: 0 auto;
width: 140px;
}
.v2 .page_lelabbo .intro .slogan H1 IMG {
width: auto;
margin-top: 10px;
}
.v2 .blue_circle_digitaliser_container {
position: static;
right: auto;
bottom: auto;
height: 150px;
width: 100%;
}
.v2 .page_lelabbo .intro .blue_circle_digitaliser {
width: 100%;
height: 150px;
border-radius: 0;
background: #55b2c1;
background: -moz-linear-gradient(top, #55b2c1 0%, #51acbb 50%, #49a0ae 51%, #53aebd 100%);
background: -webkit-linear-gradient(top, #55b2c1 0%,#51acbb 50%,#49a0ae 51%,#53aebd 100%);
background: linear-gradient(to bottom, #55b2c1 0%,#51acbb 50%,#49a0ae 51%,#53aebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b2c1', endColorstr='#53aebd',GradientType=0 );
padding-top: 28px;
}
.v2 .page_lelabbo .intro .blue_circle_digitaliser P {
font-size: 28px;
text-shadow: none;
margin: 0;
}
.v2 .page_lelabbo .anchor_container {
background-color: transparent;
min-height: 0;
background-image: url(../img/fond_seed_accueil_mobile.jpg);
background-position: center -120px;
background-repeat: no-repeat;
}
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list {
position: static;
top: auto;
background-color: rgba(255, 255, 255, 0.9);
padding: 50px 0;
}
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list LI {
width: 100%;
}
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list LI P {
font-size: 16px;
}
.v2 .page_lelabbo .anchor_container .lelabbo_anchor_list LI STRONG {
font-size: 18px;
}
.v2 .page_lelabbo .visibilite_catalogue_row {
margin-top: 300px;
background-color: #ffffff;
display: flex;
flex-direction: column;
flex-flow: column-reverse;
}
.v2 .page_lelabbo .visibilite_catalogue_row .visibilite_catalogue_col {
float: none;
width: 100%;
}
.v2 .page_lelabbo .visibilite_catalogue_row .visibilite_catalogue_col H2 {
font-size: 17px;
margin: 50px 0 10px;
padding: 0 20px;
text-align: center;
}
.v2 .page_lelabbo .visibilite_catalogue_row .visibilite_catalogue_col H3 {
font-size: 14px;
padding: 0 20px;
text-align: center;
}
.v2 .plateforme_services_container {
padding: 0 0 40px;
}
.v2 .plateforme_services_container .plateforme_service {
position: static;
text-align: left;
margin: 0 0 20px 40%;
}
.v2 .plateforme_services_container .plateforme_service I {
display: none;
}
.v2 .services_dot_container { position: absolute; left: 25%; top: 8px; width: 50px; }
.v2 .services_dot_container .services_dot {
display: block;
width: 50px;
height: 50px;
position: relative;
}
.v2 .services_dot_container .services_dot I {
display: inline;
font-size: 26px;
position: absolute;
color: #979d91;
}
.v2 .services_dot_container .services_dot:nth-child(1) I { top: 10px; left: 10px; }
.v2 .services_dot_container .services_dot:nth-child(3) I { top: 8px; left: 8px; }
.v2 .services_dot_container .services_dot:nth-child(5) I { top: 6px; left: 4px; }
.v2 .services_dot_container .services_dot:nth-child(7) I { top: 4px; left: 4px; }
.v2 .services_dot_container .services_dot:nth-child(9) { border-width: 6px; background-color: #eb6a5d }
.v2 .services_dot_container .services_dot:nth-child(9) I { top: 6px; left: 6px; color: #ffffff; }
.v2 .services_dot_container .services_dot:nth-child(11) { border-width: 6px; background-color: #eb6a5d }
.v2 .services_dot_container .services_dot:nth-child(11) I { top: 5px; left: -1px; color: #ffffff; }
.v2 .services_dot_container .services_line {
display: block;
width: 1px;
height: 29px;
margin: 0 25px 0;
border-top: 0;
border-left: 1px solid #f5a48e;
}
.v2 .lelabbo_digital_section { background-image: url(../img/bandeau_passez_au_digital_mobile.jpg); background-repeat: no-repeat; background-position: center top; background-color: #ffffff; }
.v2 .lelabbo_digital_gradient {
background: none;
}
.v2 .digital_title_container {
padding: 60px 0;
background-image: none;
height: auto;
box-shadow: none;
}
.v2 .digital_title_container H2 {
font-size: 30px;
padding: 0 50px;
}
.v2 .digital_title_container H3 {
font-size: 20px;
padding: 0 50px;
}
.v2 .lelabbo_creation_tool {
background-image: none;
min-height: 0;
padding: 0 20px;
}
.v2 .lelabbo_creation_tool .description_creation_tool {
width: 380px;
padding: 0 50px;
color: #ffffff;
margin-bottom: 150px;
}
.v2 .tooltips_creation_tool {
position: static;
top: auto;
color: #1e9aae;
left: auto !important;
margin: 0 auto 20px;
max-width: 380px;
text-align: left;
}
.v2 .tooltips_creation_tool P {
font-size: 15px;
line-height: 20px;
display: inline-block;
max-width: 80%;
}
.v2 .tooltips_creation_tool P BR { display: none }
.v2 .tooltips_creation_tool I {
display: inline-block;
color: #888d83;
margin: 3px 25px 0 0;
vertical-align: top;
font-size: 25px;
}
.v2 .tooltips_creation_tool .tooltip_line {
display: none;
}
.v2 .tooltips_asterix {
position: static;
right: auto;
bottom: auto;
font-size: 14px;
text-align: center;
margin: 40px 0 0 0;
}
.v2 .lelabbo_digital_gradient_bg {
min-height: 0;
background-image: none;
}
.v2 .modules_editeur_container {
background: #9cb312;
background: -moz-linear-gradient(top, #9cb312 0%, #abc028 100%);
background: -webkit-linear-gradient(top, #9cb312 0%,#abc028 100%);
background: linear-gradient(to bottom, #9cb312 0%,#abc028 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cb312', endColorstr='#abc028',GradientType=0 );
height: 300px;
margin-bottom: 200px;
padding: 40px 0 0 0;
margin-top: 60px;
}
.v2 .modules_editeur_container H3 {
text-align: center;
padding: 0 20px;
color: #ffffff;
font-size: 17px;
}
.v2 .modules_editeur_container H4 {
text-align: center;
padding: 0 20px;
color: #ffffff;
font-size: 14px;
}
.v2 .modules_editeur_visual IMG { display: none }
.v2 .modules_editeur_visual .modules_editeur_circle {
position: relative;
bottom: auto;
right: auto;
color: #b4cc3a;
background: #4e4e47;
margin: 0 auto;
}
.v2 .lelabbo_financement_section {
padding: 40px 0 0 0;
}
.v2 .lelabbo_financement_section H2 {
font-size: 22px;
color: #696d65;
margin: 0 0 20px 0;
font-weight: 600;
padding: 0 20px;
text-align: center;
}
.v2 .lelabbo_financement_section H3 {
font-size: 18px;
color: #696d65;
margin: 0 0 10px 0;
padding: 0 20px;
text-align: center;
}
.v2 .financement_visual_container {
min-height: 0;
}
.v2 .financement_visual_container P {
width: 80%;
max-width: 500px;
font-size: 15px;
line-height: 22px;
color: #696d65;
text-align: justify;
margin: 0 auto 10px !important;
}
.v2 .financement_visual_container img {
position: static;
top: auto;
right: auto;
width: 80%;
max-width: 500px;
margin: 30px auto 0;
display: block;
}
.v2 .lelabbo_abonnement_section {
min-height: 680px;
padding: 60px 0;
background-image: url(../img/fond_seed_intro_mobile.jpg);
background-position: center 0;
background-size: cover;
margin-top: 40px;
}
.v2 .lelabbo_abonnement_section H2 {
font-size: 22px;
line-height: 28px;
padding: 0 20px;
color: #b4cc3a;
text-align: center;
font-weight: bold;
}
.v2 .lelabbo_abonnement_section H3 {
font-size: 18px;
color: #698a8e;
padding: 0 20px;
text-align: center;
font-weight: bold;
}
.v2 .lelabbo_abonnement_section H3 SPAN { display: block; margin-top: 30px; font-size: 26px; color: #698a8e; font-weight: normal; }
.v2 .lelabbo_abonnement_section TABLE { display: none; }
.v2 .lelabbo_tarification_section { display: none; }
.v2 .compte_dedies_p { display: none; }
.v2 .lelabbo_demo_section_mobile { display: block; text-align: center; }
.v2 .lelabbo_demo_section_mobile .blue_rounded_btn { background-color: #b4cc3a; font-weight: bold; font-size: 16px; text-transform: uppercase; font-style: normal; margin: 0 auto 40px; }
.v2 .lelabbo_demo_section_mobile .blue_rounded_btn:hover { color: #b4cc3a; background-color: #ffffff; }
.v2 .lelabbo_demo_section_mobile H2 {
font-size: 18px;
line-height: 24px;
color: #4e4e47;
font-weight: normal;
margin-bottom: 5px;
}
.v2 .lelabbo_demo_section_mobile H3 {
font-size: 20px;
color: #4e4e47;
}
.v2 .demo_contact_container {
margin: 0;
}
.v2 .demo_contact_container .demo_contact_name {
font-size: 30px;
line-height: 30px;
font-weight: 600;
color: #ffffff;
margin: 0;
}
.v2 .demo_contact_container .demo_contact_job {
font-size: 16px;
font-weight: 500;
color: #ffffff;
margin: 0;
}
.v2 .demo_contact_container A {
font-size: 19px;
font-weight: 600;
color: #392a29;
}
.v2 .demo_contact_container .demo_contact_phone {
font-size: 19px;
font-weight: 600;
color: #392a29;
margin: 0;
}
.v2 .lelabbo_demo_section { display: none; }
}
@media (max-width: 850px) {
.v2 .spi_montage {
padding-bottom: 125px;
}
.v2 .spi_montage .spi_montage_btn_box {
position: absolute;
z-index: 10;
top: 0;
left: 0;
}
.v2 .spi_montage .spi_montage_box {
width: 100%;
}
.v2 .spi_montage .spi_montage_box .white_circle {
display: block;
margin: 30px auto 0;
}
.v2 .spi_montage .spi_montage_box .white_circle:last-child {
margin: 30px auto 0;
}
.v2 .spi_connaissance_container {
padding: 440px 20px 30px;
height: auto;
width: 90%;
background: rgba(0,0,0,0.6);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.v2 .spi_connaissance_container P {
font-size: 18px;
line-height: 22px;
}
.v2 .spi_connaissance_container HR {
margin: 20px auto;
}
.v2 .spi_connaissance_container .spi_connaissance_img {
width: 172px;
left: calc(50% - 86px);
bottom: -127px;
}
.v2 .project .carousel .item {
height: 240px;
}
}
@media (min-width: 768px) {
.v2 .modal-lg {
width: 100%;
}
}
@media (max-width: 768px) {
.v2 .omendo_modal .modal-content LABEL {
width: 100%;
text-align: left;
}
.v2 .omendo_modal .modal-content .form-control {
width: 100%;
}
.v2 .pole_emploi_relative { float: none; }
.v2 .pole_emploi_absolute_box { display: none; }
.v2 .page_activcrea H1, .page_activcrea .blue_text, .page_activcrea .grey_text { padding: 0; text-align: center; }
.v2 .licence_cost_container LI A { padding: 10px !important; text-align: center; font-size: 25px; }
.v2 .page_lelabbo .intro .slogan H2 { font-size: 22px }
}
@media (min-width: 960px) {
.v2 .modal-lg {
width: 960px;
}
}
@media (max-width: 960px) {
.v2 .page_lelabbo .interstitiel_container IMG {
margin: 90px 0 35px;
}
.v2 .page_lelabbo .interstitiel_container H1 {
margin-bottom: 40px;
}
}
@media (max-width: 600px) {
.v2 .page_conseiller .intro H1 { margin-top: 70px; }
.v2 .page_conseiller .intro .slogan {
min-height: 215px;
}
.v2 .intro .slogan P {
margin-bottom: 20px;
}
.v2 .circle_block {
width: 150px;
height: 150px;
padding-top: 20px;
margin: 10px 15px;
}
.v2 .circle_block .num {
font-size: 30px;
}
.v2 .circle_block SPAN {
font-size: 24px;
}
.v2 .circle_block .italic {
font-size: 18px;
}
.v2 .project_phase {
width: 260px;
}
.v2 .project_phase .animation_container_plus_left2 {
right: 22px;
}
.v2 .project_phase .animation_container_plus_right4 {
right: -77px;
}
.v2 .phase_progress_container {
left: 40px;
}
.v2 .section_equipe { padding: 80px 0 0; }
.v2 .section_equipe P {
width: auto;
padding: 0 10px;
}
.v2 .ingenieur_pedagogique { width: 148px; height: 55px; }
.v2 .chef_projet { width: 157px; height: 26px; left: 55%; }
.v2 .directeur_artistique { width: 288px; height: 30px; left: 20%; }
.v2 .graphiste { width: 148px; height: 54px; left: 10%; }
.v2 .expert_lms { width: 134px; height: 27px; left: 60%; top: 220px; }
.v2 .ux_designer { width: 227px; height: 27px; top: 335px; }
.v2 .developpeur_web { width: 249px; height: 36px; left: 31%; top: 390px; }
.v2 .spi_licence_validity_container .spi_licence_validity {
width: 340px !important;
height: 170px !important;
}
.v2 .spi_licence_validity_container .spi_licence_validity P {
font-size: 20px !important;
margin-top: 16px;
line-height: 24px;
}
.v2 .temoignage_client_title_smartphone { display: none; }
.v2 .temoignage_client_title_smartphone { display: block; }
.v2 .client_circle { display: none; }
.v2 .client_random { display: inline-block; }
.v2 .navbar-brand { padding: 0; height: 50px; background-color: #ffffff; width: 125px; }
.v2 .top-nav-collapse .navbar-brand { padding: 0; height: 40px; width: 125px;
background-color: #ffffff; }
.v2 .navbar-brand IMG { width: 100%; margin-top: 8px }
.v2 .top-nav-collapse .navbar-brand IMG { margin-top: 0; width: 100%; }
.v2 .sub_nav li a { font-size: 12px !important; }
.v2 .page_home .logo_container {
top: 20px;
}
.v2 .home_cat_container {
width: 100%;
}
.v2 .home_cat_container .home_cat {
padding-top: 120px;
}
.v2 .home_cat_container .home_cat H2 {
font-size: 22px;
line-height: 28px;
}
.v2 .home_step_content .spi_parcours_step_circle {
margin: 20px auto;
}
.v2 .page_home .logo_container {
left: calc(50% - 135px);
}
.v2 .page_home .logo_container IMG {
height: 50px;
}
.v2 .formation_dotted_container, .page_formation.surmesure .formation_dotted_container, .page_formation.cma .formation_dotted_container, .page_formation.dirigeant .formation_dotted_container {
padding: 0 0 10px 0;
width: 100%;
}
.v2 .formation_dotted_container .formation_btn SPAN {
display: none;
}
.v2 .formation_description_arrow { left: 70px; }
.v2 .page_formation.cma .formation_description_arrow { left: 173px; }
.v2 .page_formation.dirigeant .formation_description_arrow { left: 276px; }
.v2 .formation_dotted_container .formation_btn {
width: 100px;
height: 100px;
background-size: 100% auto;
}
.v2 .spi_tarification_section P { width: 100%; }
.v2 .home_step_content .spi_parcours_step_circle {
width: 280px;
}
.v2 .page_home .spi_parcours_step_circle .spi_step {
width: 120px;
height: 120px;
}
.v2 .page_lelabbo .intro .slogan H2 { font-size: 18px }
}
@media (max-width: 450px) {
.v2 .spi_licence_validity_container .spi_licence_validity {
width: 325px;
padding: 50px 50px 0;
}
.v2 .page_lelabbo .activcrea_circle P {
width: auto;
}
.v2 .page_home .intro {
min-height: 900px;
}
.v2 .home_cat_container .home_cat {
padding-top: 110px;
}
.v2 .home_cat_container .home_cat H2 {
font-size: 18px;
line-height: 24px;
}
.v2 .home_step_content {
top: 100px;
}
.v2 .page_lelabbo .interstitiel_container IMG {
margin: 70px 0 25px;
}
.v2 .page_lelabbo .interstitiel_container H1 {
margin-bottom: 10px;
}
.v2 .blue_rounded_btn {
width: 140px;
height: 140px;
font-size: 15px;
padding: 5px;
}
.v2 .interstitiel_container .blue_rounded_btn {
width: 140px;
height: 140px;
font-size: 15px;
padding: 5px;
}
.v2 .blue_rounded_btn I {
margin: 15px 0 10px;
font-size: 30px;
}
.v2 .interstitiel_container .blue_rounded_btn I {
margin: 15px 0 10px;
font-size: 30px;
}
.v2 .page_lelabbo .interstitiel_container H1 SPAN {
font-size: 20px;
line-height: 26px;
}
.v2 .page_contact H1 {
margin: 120px 0 70px;
}
.v2 .page_contact H1 A {
color: #ffffff !important;
font-size: 28px;
}
/*.page_lelabbo .interstitiel_container {*/
/*min-height: 850px;*/
/*}*/
.v2 .licence_cost_container LI A { padding: 10px !important; font-size: 22px; }
.v2 .licence_cost_container LI A {
height: 68px;
line-height: 63px;
}
.v2 .licence_cost_container .nav-tabs LI.active A, .licence_cost_container .nav-tabs LI.active A:hover, .licence_cost_container .nav-tabs LI.active A:focus, .licence_cost_container .nav-tabs LI.active A:active {
height: 80px;
line-height: 75px;
}
.v3 .ingenieur_pedagogique { width: 148px; height: 55px; }
.v3 .chef_projet { left: 48%; top: 100px; }
.v3 .directeur_artistique { left: 7%; }
.v3 .graphiste { width: 148px; height: 54px; left: 10%; }
.v3 .expert_lms { left: 50%; }
.v3 .ux_designer { width: 227px; height: 27px; top: 335px; }
.v3 .developpeur_web { left: 21%; top: 380px; }
.v2 .client_logo_link {
display: block;
margin: 0 auto 50px;
}
.v2 .phase_progress_container {
left: 25px;
top: 330px;
}
.v2 .page_lelabbo .intro .slogan H1 {
font-size: 20px;
line-height: 28px;
}
.v2 .page_lelabbo .intro .slogan H1 IMG {
width: 65px;
}
.v2 .services_dot_container {
left: 10%;
}
.v2 .plateforme_services_container .plateforme_service {
margin: 0 0 20px 30%;
}
.v2 .plateforme_services_container .plateforme_service P {
font-size: 14px;
}
.v2 .lelabbo_creation_tool .description_creation_tool {
width: auto;
padding: 0 20px;
margin-bottom: 100px;
}
.v2 .page_lelabbo .intro .slogan H2 {
font-size: 20px;
line-height: 28px;
padding: 20px 20px 0;
background: -moz-linear-gradient(top, #55b2c1 0%, #49a0ae 100%);
background: -webkit-linear-gradient(top, #55b2c1 0%, #49a0ae 100%);
background: linear-gradient(to bottom, #55b2c1 0%,#49a0ae 100%);
}
}
@media (max-width: 340px) {
.v2 .page_lelabbo .interstitiel_container IMG {
margin: 60px 0 20px;
}
.v2 .page_lelabbo .interstitiel_container P {
font-size: 26px;
line-height: 30px;
}
.v2 .blue_rounded_btn {
width: 120px;
height: 120px;
font-size: 18px;
}
.v2 .blue_rounded_btn I {
font-size: 28px;
margin: 20px 0 10px;
}
.v2 .page_lelabbo .interstitiel_container H1 SPAN {
font-size: 17px;
line-height: 24px;
}
.v2 .page_lelabbo .interstitiel_container {
min-height: 600px;
}
}
.v2 .modal-header { border-bottom: 0; }
.v2 .modal-header .close {
outline: 0;
position: absolute;
z-index: 2;
top: 0;
right: 10px;
font-size: 45px;
font-weight: 700;
line-height: 45px;
color: #0097aa;
opacity: 1;
}
.v2 .modal-content { border-radius: 0; }
footer { text-align: center; padding: 0; box-shadow: 0 0 10px rgba(0,0,0,0.8); position: relative; }
footer p { color: #a4c6c2; margin-top: 20px; }
.v2 .btn-circle { margin-top: 25px; font-size: 30px; line-height: 30px; color: #a4c6c2; padding: 0; box-shadow: none; }
.v2 .btn-circle:hover,
.v2 .btn-circle:focus { outline: 0; color: rgba(30, 154, 174, 1); }
.link_linkedin.instagram { background-color: rgba(93,166,85,1); color: #FFFFFF; width: 35px; height: 35px; vertical-align: top; font-size: 28px; }
.link_linkedin.instagram:hover { color: #FFFFFF; }
.page_diagnostic .intro {
background-image: none;
background-color: #FFFFFF;
}
.page_diagnostic .colorBackground {
background-color: #F8F8F8;
/*display: inline-block;*/
}
.page_diagnostic .timeline {
background: linear-gradient(to right, #0097AA 25%, #9DC200);
color: #FFFFFF;
display: flex;
z-index: 3;
}
.page_diagnostic .timeline .timelineSpan{
display: block;
margin-top: 15px;
height: 58px;
font-size: 15px;
margin-left: 15%;
}
.page_diagnostic .timeline .oneLine {
margin-top: 26px !important;
height: 0 !important;
}
.page_diagnostic .containerDiagnostic {
width: 100%;
margin: 0;
}
.page_diagnostic .firstPart {
/*width: 50%;
text-align: right;*/
position: relative;
/*top: 192px;*/
text-align: justify;
height: 100%;
vertical-align: bottom;
display: block;
margin-left: 60%;
padding-top: 20%;
}
.page_diagnostic .blockInfoFirst {
background-color: #0097AA;
color: #FFFFFF;
width: 550px;
height: 96px;
text-align: center;
font-size: 20px;
padding: 18px;
font-style: italic;
border-radius: 50px;
display: none;
position: relative;
top: -465px;
left: -135px;
}
.page_diagnostic .blockInfoSecond {
background-color: #0097AA;
color: #FFFFFF;
width: 550px;
height: 96px;
text-align: center;
font-size: 20px;
padding: 18px;
font-style: italic;
border-radius: 50px;
display: none;
position: relative;
left: -140px;
top: -410px;
}
.page_diagnostic .blockLeft:hover .blockInfoFirst {
animation: fadeInOutOpacity 0.2s linear;
-webkit-animation: fadeInOutOpacity 0.2s linear;
display: block;
}
.page_diagnostic .blockRight:hover .blockInfoSecond {
animation: fadeInOutOpacity 0.2s linear;
-webkit-animation: fadeInOutOpacity 0.2s linear;
display: block;
}
@keyframes fadeInOutOpacity {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes fadeInOutOpacity {
0% { opacity: 0; }
100% { opacity: 1; }
}
.page_diagnostic .secondPart {
display: inline-block;
position: relative;
/*top: 120px;*/
left: 200px;
height: 100%;
padding-top: 6%;
}
.page_diagnostic .vertical-line {
border-left: 1px solid #0097AA;
display: inline-block;
height: 200px;
margin: 0 20px;
color: #0097AA;
}
.page_diagnostic .circle-info {
background-color: #FFF;
border: 1px solid #0097AA;
height: 25px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width: 25px;
display: block;
position: relative;
top: -7px;
left: 243.9px;
}
.page_diagnostic .verticalLineFirst {
border-left: 1px solid #0097AA;
display: inline-block;
height: 50px;
margin: 0 20px;
color: #0097AA;
margin-left: 37%;
top: -80px;
position: relative;
}
.page_diagnostic .horizontalLineFirst {
border-left: 1px solid #0097AA;
display: inline-block;
height: 130px;
margin: 0 -27.5px;
transform: rotate(90deg);
top: -15px;
position: relative;
}
.page_diagnostic .verticalLineSecond {
border-left: 1px solid #0097AA;
display: inline-block;
height: 50px;
margin: 0 20px;
color: #0097AA;
margin-left: 66%;
top: -294px;
position: relative;
}
.page_diagnostic .horizontalLineSecond {
border-left: 1px solid #0097AA;
display: inline-block;
height: 130px;
margin: 0 -27.5px;
transform: rotate(90deg);
top: -229px;
position: relative;
}
.page_diagnostic .textFirstDiv {
position: relative;
left: 620px;
top: 60px;
font-size: 18px;
font-weight: bold;
width: 20%;
}
.page_diagnostic .textSecondDiv {
position: relative;
left: 57%;
top: -290px;
font-size: 18px;
font-weight: bold;
width: 20%;
}
.page_diagnostic .sectionPartenaire {
text-align: center;
margin-top: 50px;
}
.page_diagnostic .firstSection {
width: 50%;
display: inline-flex;
margin-left: 25%;
margin-bottom: 30px;
}
.page_diagnostic .secondSection {
margin-bottom: 100px;
}
.page_diagnostic .textLastSection {
display: inline-block;
background-color: #8FBE10;
color: #FFFFFF;
height: 74px;
padding-top: 22px;
width: 500px;
}
.page_diagnostic .buttonModal {
background-color: #0097AA;
border: none;
height: 74px;
color: #FFFFFF;
top: 1px;
position: relative;
left: -3px;
width: 500px;
font-size: 24px;
}
.page_diagnostic .buttonModal:hover {
background-color: #9DC200;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
animation: fadeInOut 0.25s linear;
-webkit-animation: fadeInOut 0.25s linear;
}
@keyframes fadeInOut {
0% {
background-color: #0097AA;
}
25% {
border-top-right-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
50% {
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
75% {
border-top-right-radius: 37.5px;
border-bottom-right-radius: 37.5px;
}
100% {
background-color: #9DC200;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
}
@-webkit-keyframes fadeInOut {
0% {
background-color: #0097AA;
}
25% {
border-top-right-radius: 12.5px;
border-bottom-right-radius: 12.5px;
}
50% {
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
75% {
border-top-right-radius: 37.5px;
border-bottom-right-radius: 37.5px;
}
100% {
background-color: #9DC200;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
}
@keyframes up {
0% {
background-color: #0097AA;
}
100% {
background-color: #9DC200;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
}
.page_diagnostic .leftPartCol {
padding-left: 25%;
bottom: -232px;
position: relative;
}
.page_diagnostic .rightPartCol {
position: relative;
bottom: -180px;
padding-left: 100px;
}
.page_diagnostic .backgroundImageDiag {
background-image: url("../img/persos-page-diag.png");
background-size: 38%;
background-repeat: no-repeat;
background-position: bottom -25px center;
}
.page_diagnostic .backgroundImageDiag:before {
opacity: 0.6;
}
.page_diagnostic .bottomLine {
top: 678px;
height: 50px !important;
left: 700px;
}
.dNone {
display: none;
}
/*NEW PDF*/
.page_lelabbo.PDF {
background-color: #FFFFFF;
}
.PDF .CGC {
padding-top: 150px;
}
.PDF .CGCContainer {
display: grid;
grid-template-columns: 33.34%;
grid-template-rows: 300px 300px;
grid-auto-flow: column;
width: 80%;
margin: auto;
}
.PDF .textS {
margin: 0;
text-align: center;
margin-top: 22px;
font-size: 24px;
line-height: 1;
}
.PDF .boostHover, .PDF .signatureHover, .PDF .formationsHover {
display: none;
background-color: #E4283D;
position:relative;
height: 90px;
text-align: center;
padding-top: 21px;
font-size: 21px;
color: #FFFFFF;
}
.PDF .signatureHover {
background-color: #9A9EA1;
padding-top: 12px;
}
.PDF .formationsHover {
background-color: #5698C9;
}
.PDF .textF {
margin: 0;
text-align: center;
margin-top: 27px;
font-size: 24px;
}
.PDF .boutiqueDiv:hover .boostHover,
.PDF .outilsDiv:hover .signatureHover,
.PDF .formationsDiv:hover .formationsHover {
animation: fadeInBlock 0.2s linear;
-webkit-animation: fadeInBlock 0.2s linear;
display: block;
}
.PDF .boutiqueDiv:hover .textF,
.PDF .outilsDiv:hover .textS,
.PDF .formationsDiv:hover .textS {
animation: fadeOutBlock 0.1s ease-in-out;
-webkit-animation: fadeOutBlock 0.1s ease-in-out;
opacity: 0;
}
.PDF .boutiqueDiv:hover .textBoostHover,
.PDF .outilsDiv:hover .textSignatureHover,
.PDF .formationsDiv:hover .textFormationsHover {
animation: seeBlock 0.4s linear;
-webkit-animation: seeBlock 0.4s linear;
}
@keyframes fadeInBlock {
0% { height:0px;transform: translateY(0px); }
100% { transform: translateY(0px); }
}
@-webkit-keyframes fadeInBlock {
0% { height:0px;transform: translateY(0px); }
100% { transform: translateY(0px); }
}
@keyframes seeBlock {
0% { opacity: 0 }
100% { opacity: 1 }
}
@-webkit-keyframes seeBlock {
0% { opacity: 0 }
100% { opacity: 1 }
}
@keyframes fadeOutBlock {
0% { opacity: 1;}
100% { opacity: 0; font-size: 15px;}
}
@-webkit-keyframes fadeOutBlock {
0% { opacity: 1;}
100% { opacity: 0; font-size: 15px;}
}
.vertical-line.ballon {
height: 265px;
position:absolute !important;
/*top: -265px;
left: 387.5px;*/
border-color: #B9CD4D !important;
animation: upVerticlaLine 1.5s linear;
-webkit-animation: upVerticlaLine 1.5s linear;
left: 150px;
top: -97px;
display: inline;
}
#ballonImg {
position:absolute;
height: 115px;
right: 3px;
top: 12px;
z-index: 3;
animation: upBallonImg 2s ease-in-out;
-webkit-animation: upBallonImg 2s ease-in-out;
}
@keyframes upBallonImg {
0% {
top: 285px;
}
25% {
top: 223px;
}
50% {
top: 161px;
}
75% {
top: 99px;
}
100% {
top: 37px;
}
}
@-webkit-keyframes upBallonImg {
0% {
top: 285px;
}
25% {
top: 223px;
}
50% {
top: 161px;
}
75% {
top: 99px;
}
100% {
top: 37px;
}
}
#ballon2Img {
position:absolute;
bottom:275px;
width:115px;
right: -11px;
z-index: 3;
animation: upBallon2Img 2s ease-in-out;
-webkit-animation: upBallon2Img 2s ease-in-out;
}
@keyframes upBallon2Img {
0% {
bottom: 0;
}
25% {
bottom: 69px;
}
50% {
bottom: 138px;
}
75% {
bottom: 207px;
}
100% {
bottom: 275px;
}
}
@-webkit-keyframes upBallon2Img {
0% {
bottom: 0;
}
25% {
bottom: 69px;
}
50% {
bottom: 138px;
}
75% {
bottom: 207px;
}
100% {
bottom: 275px;
}
}
.ballonLine {
height: 275px;
border: 1px solid #B9CD4D;
position: absolute;
bottom: 0;
right:50px;
animation: upBallonLine 1.5s linear;
-webkit-animation: upBallonLine 1.5s linear;
}
.ballon2Line {
border: 1px solid #B9CD4D;
position: absolute;
bottom: 0px;
height: 325px;
right: 45px;
animation: upBallon2Line 1.5s linear;
-webkit-animation: upBallon2Line 1.5s linear;
}
.presentielLine {
border:1px solid #0097AA;
position:absolute;
bottom:0px;
height:83px;
right:25px;
}
@keyframes upBallonLine {
0% {
height: 0;
}
25% {
height: 69px;
}
50% {
height: 138px;
}
75% {
height: 207px;
}
100% {
height: 275px;
}
}
@-webkit-keyframes upBallonLine {
0% {
height: 0;
}
25% {
height: 69px;
}
50% {
height: 138px;
}
75% {
height: 207px;
}
100% {
height: 275px;
}
}
@keyframes upBallon2Line {
0% {
height: 0;
}
25% {
height: 81px;
}
50% {
height: 162px;
}
75% {
height: 244px;
}
100% {
height: 325px;
}
}
@-webkit-keyframes upBallon2Line {
0% {
height: 0;
}
25% {
height: 81px;
}
50% {
height: 162px;
}
75% {
height: 244px;
}
100% {
height: 325px;
}
}
.vertical-line.ballon2 {
height: 299px;
position:absolute !important;
/*top: -299px;
left: 960px;*/
border-color: #B9CD4D !important;
animation: upVerticlaLine2 1.5s linear;
-webkit-animation: upVerticlaLine2 1.5s linear;
left: 0px;
display: inline;
top: -79px;
}
/* NAV */
.navigation .navAllChapter {
position: absolute;
right: 0;
width: 60px;
background-color: #E3273D;
color: #FFFFFF;
top: 250px;
height: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
animation: navOutHover 0.12s linear;
-webkit-animation: navOutHover 0.12s linear;
}
.navigation .navAllChapter .navIcon {
margin-top: 18px;
margin-left: 30px;
}
.navigation .navAllChapter:hover {
animation: navHover 0.25s linear;
-webkit-animation: navHover 0.25s linear;
cursor: pointer;
width: 475px;
}
.navigation .navAllChapter .displayChapterNav {
display: none;
}
.navigation .navAllChapter:hover .displayChapterNav {
animation: navTextHover 1s linear;
-webkit-animation: navTextHover 1s linear;
display: block;
}
.navigation .navAllChapter:hover .navIcon {
margin-right: 30px;
}
@keyframes navHover {
0% {
width: 60px;
}
100% {
width: 475px;
}
}
@-webkit-keyframes navHover {
0% {
width: 60px;
}
100% {
width: 475px;
}
}
@keyframes navTextHover {
0% {
opacity: 0;
display: none;
}
100% {
opacity: 1;
display: block;
}
}
@-webkit-keyframes navTextHover {
0% {
opacity: 0;
display: none;
}
100% {
opacity: 1;
display: block;
}
}
@keyframes navOutHover {
0% {
width: 475px;
}
100% {
width: 60px;
}
}
@-webkit-keyframes navOutHover {
0% {
width: 475px;
}
100% {
width: 60px;
}
}
.page_diagnostic.mobile .timeline_step1 {
background: linear-gradient(to bottom, #0097AA 0%, #3CA768);
color: #FFFFFF;
text-align: center;
display: flex;
justify-content: center;
align-items: flex-end;
padding-bottom: 7rem;
font-size: 18px;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.page_diagnostic.mobile H1 {
font-size:25px;
color: #0097AA;
text-align: left;
margin:15px 0 25px;
}
.page_diagnostic.mobile H1 span {
font-size: 50px;
color: #0097AA;
}
.descriptionDispositif_mobile {
line-height: 16px;
font-size: 13px;
}
.page_diagnostic_subtitle_mobile {
color:#979D91;
font-weight: bold;
font-size: 25px;
line-height: 30px;
}
.conseil_type_encart img, .conseil_type_encart span {
height: 40px;
font-size: 40px;
color: #0097AA;
vertical-align: unset;
}
.conseil_type_encart img {
margin-top: 12px;
}
.conseil_type_line {
display: inline-block;
width: 17.5%;
height:1px;
border: 1px solid #E4E4E4;
position: relative;
top: -15px;
}
.conseil_type_encart {
display: inline-block;
text-align: center;
border:1px #E4E4E4 solid;
border-radius: 14px;
width:65%;
}
.page_diagnostic.mobile .timeline_step2 {
background: linear-gradient(to bottom, #3CA768 0%, #86BB18);
color: #FFFFFF;
text-align: center;
/*display: flex;*/
justify-content: center;
align-items: flex-end;
padding-bottom: 0;
font-size: 18px;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.timeline_step2 .flecheF {
height:70px;
width:100%
}
.page_diagnostic.mobile .timeline_step3 {
background: linear-gradient(to bottom, #86BB18 0%, #9DC200);
color: #FFFFFF;
text-align: center;
/*display: flex;*/
justify-content: center;
align-items: flex-end;
padding-bottom: 0;
font-size: 18px;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.timeline_step3 .flecheF {
height:70px;
width:100%
}
.textSecondDiv_mobile {
color:#0097AA;
font-weight: bold;
line-height:22px;
text-transform: uppercase;
margin-top: 30px;
width: 100%;
font-size: 17px;
}
#financer_mobile {
width:86px
}
.firstSectionMobile {
padding:10px;
background-color: #fff;
}
.secondSectionMobile {
background-color: #fff;
padding-bottom: 20px !important;
}
.page_diagnostic.mobile .textLastSection {
width:100%
}
.page_diagnostic.mobile .buttonModal {
width: 100%
}
.page_diagnostic.mobile .client_showcase_box {
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
}
.page_diagnostic.mobile .backgroundImageDiag {
background-position: bottom center;
background-size: 100%;
}
.page_diagnostic.mobile .client_circle {
display:inline-block!important;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 176px;
scroll-snap-align: start;
}
.page_diagnostic.mobile .white_box.client_comment_container {
width:100%
}
.page_diagnostic.mobile .client_comment_container{
padding: 40px 40px 30px
}
.page_seed {
margin-top: 50px;
padding-top:109px;
background-color: #FFFFFF;
overflow-x: hidden;
}
.display-flex {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: flex-end;
}
.row-flex {
display: flex;
align-content: stretch;
}
.hover_seed_intro {
/*cursor: pointer;*/
position: relative;
}
.hovered_seed_intro_div, .hovered_seed_intro_div2 {
height: 133px;
width:100%;
opacity: 1;
text-align: center;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.25s;
}
.hovered_seed_intro_div2 {
position: absolute;
bottom: 133px;
width:calc(100% - 30px);
color:#fff;
}
.hovered_seed_intro_div2.boutique {
background-color: #E4283D;
}
.hovered_seed_intro_div2.outils {
background-color: #9A9EA1;
}
.hovered_seed_intro_div2.formations_distanciels {
background-color: #5698C9;
}
.hover_seed_intro:hover .hovered_seed_intro_div {
opacity: 0;
}
.hover_seed_intro:hover .hovered_seed_intro_div2 {
bottom:0px
}
.intro_seed_title {
font-size:35px; text-transform: uppercase;font-weight: bold;
text-align: left;
}
.deploy_boutique {
margin-top: 7rem;
text-align: left;
}
.deploy_boutique h1 {
font-size:30px;
font-weight: bold;
text-transform: uppercase;
color:#000!important
}
.deploy_boutique p{
font-size: 18px;
color:#6A6A6A;
}
.gestion_administrative{
margin-top: 7rem;
text-align: left;
color:#000!important
}
.gestion_administrative h1 {
font-size:30px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.gestion_administrative i{
font-size: 30px;
font-weight: lighter;
color:#000;
}
.gestion_administrative2{
margin-top: 2.5rem;
text-align: left;
color:#000!important
}
.gestion_administrative2 h1 {
font-size:30px;
font-weight: bold;
margin-bottom: 15px;
}
.gestion_administrative2 span{
font-size: 20px;
color:#000;
}
.seedSignContainer .seedSignPhone {
/*transform: rotate3d(-1, 1, 1,
25deg
);*/
transform: rotate(20deg) translate(262%, -188px);
position: absolute;
bottom:-200px;
height:480px;
}
.translateRightToLeftRotated {
-webkit-animation: translateRightToLeftRotated 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: translateRightToLeftRotated 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.translateRightToLeft {
-webkit-animation: translateRightToLeft 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: translateRightToLeft 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/*.seedSignContainer:hover .seedSignPhone {
animation: translateRightToLeft 2s linear;
-webkit-animation: translateRightToLeft 2s linear;
}*/
@keyframes translateRightToLeftRotated{
0%{
transform: rotate(20deg) translate(262%, -188px);
}
100%{
transform: rotate(20deg) translate(0, 0);
}
}
@-webkit-keyframes translateRightToLeftRotated {
0%{
transform: rotate(20deg) translate(262%, -188px);
}
100%{
transform: rotate(20deg) translate(0, 0);
}
}
@keyframes translateRightToLeft{
0%{
transform: translate(262%, -188px);
}
100%{
transform: translate(0, 0);
}
}
@-webkit-keyframes translateRightToLeft {
0%{
transform: translate(262%, -188px);
}
100%{
transform: translate(0, 0);
}
}
.seedSignBtn {
background-color: #FF3B47;
height:60px;
border-radius: 30px;
width:360px;
position: absolute;
bottom:-100px;
padding:10px 30px;
font-size:20px;
font-weight:lighter;
cursor: pointer;
transition: 0.25s all;
color:#fff;
border : 1px solid #FF3B47
}
.seedSignBtn:hover {
background-color: #008ED8;
border : 1px solid #fff;
color:#fff;
}
.formation_simplifiee h2 {
font-size:30px;
font-weight: bold;
color:#000;
}
.qualiopi {
padding-top: 50px;
color:#fff;
position: relative;
}
.qualiopi .qualiopi_ready {
min-height: 128px;
border-bottom-right-radius: 64px;
border-top-right-radius: 64px;
padding-left: 16px;padding-right: 50px;
margin-top: 30px;
padding-top: 10px;
}
.qualiopi .qualiopi_ready img {
height:100px;
}
.qualiopi_preview {
width:50%;
position: relative;
top:-80px;
left:25%;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border:10px solid #015E95;
overflow: hidden;
}
.digital_progressiv {
margin-top: 1rem;
margin-bottom: 1rem;
text-align: left;
color:#000!important;
}
.digital_progressiv h1 {
font-size:30px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.digital_progressiv i{
font-size: 30px;
font-weight: lighter;
color:#000;
}
.digital_progressiv2 {
background: linear-gradient(to bottom, #FFFFFF 0%,#C2DEFF 50%, #0F609E 75%, #0B4F83);
padding-bottom: 11rem;
}
.digital_progressiv2 img{
max-width:1024px;
margin:auto;
}
.accompagnons {
width:100%;
background: linear-gradient(to bottom, #0B4F83 25%, #F8AD12 50%);
}
.accompagnons_1 {
width: 100%;
min-height:350px;
padding:2rem;
padding-top:10rem;
padding-bottom:10rem;
border-top-right-radius: 30%;
border-bottom-right-radius: 30%;
background-color: #fff;
}
.floatStepsCOntainer {
width:85%;
min-width:768px;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
}
.floatStep {
display: inline-block;
max-width:20%;
text-align: center;
color:#6A6A6A;
font-size:18px
}
.floatStep h3 {
font-size:80px;
}
.floatStep h3 img {
height:100px;
}
.quotidien {
width:100%;
background-color:#fff;
color:#fff;
}
.quotidien1 {
width: 100%;
min-height:350px;
padding:2rem;
border-top-left-radius: 30%;
border-bottom-right-radius: 30%;
background-color: #F8AD12;
}
.surmesure {
width:100%;
background: linear-gradient(to bottom, #F8AD12 25%, #0B4F83 50%);
color:#000;
}
.surmesure1 {
width: 100%;
min-height:350px;
padding:2rem;
border-top-left-radius: 30%;
border-bottom-left-radius: 30%;
background-color: #fff;
}
.surmesure-relative {
background-color: #fff;
box-shadow: 3px 5px 15px #00000029;
border-radius: 30px;
position: relative;
top:-66px;
width:65%;
min-width:768px;
margin: auto;
text-align: center;
padding-top:20px;
padding-bottom:20px;
}
.vosbriques {
width:100%;
background-color: #fff;
color:#000;
display: flex;
}
.vosbriques1 {
width: 49%;
padding:4rem;
display: inline-block;
border-bottom-left-radius: 30%;
background: linear-gradient(to right, #0B4F83 0%, #015E95);
color:#fff;
text-align: right;
text-transform: uppercase;
font-size:30px;
}
.vosbriques2 {
width: 50%;
padding:4rem;
display: inline-block;
background-color: #fff;
font-size:18px;
color:#6D595A;
}
.pricing table td, .pricing table th {
padding:15px 43px;
}
.briques-types .spanText {
font-size: 35px;
font-weight: bold;
color:#FFF;
}
.packBtn {
background-color: #8A4E52;
height:170px;
border-radius: 100px;
width:480px;
position: absolute;
bottom:-150px;
padding:10px 30px;
font-size:20px;
font-weight:lighter;
transition: 0.25s all;
color:#fff;
display: flex;
justify-content: center;
align-items: center;
}
.menuVertical {
position: fixed;
top: 155px;
right:0;
width:305px;
z-index:999;
transform: translateX(238px);
transition: 0.25s all;
}
.menuVertical.opened {
transform: translateX(21px);
}
.menuVertical span.all {
display: none;
}
.menuVertical ul {
list-style: none;
padding-inline-start: 0;
}
.menuVertical ul li {
padding:10px 20px;
color:#FFF !important;
margin-bottom: 6px;
background-color: #E3273D;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
box-shadow: 0px 3px 6px #00000029;
transition: 0.25s all;
}
.menuVertical ul i {
display: inline-block;
width:32px;
font-size: 25px;
margin-right:15px;
transition: 0.25s all;
}
.menuVertical.opened ul i.all {
transform: rotateY(180deg);
}
.menuVertical.opened span.all {
display: initial;
}
.menuVertical.opened span.not_all {
display: none;
}
.menuVertical ul li a {
color:#fff!important;
height:100%;
display: flex;
align-items: center;
}
.menuVertical:not(.opened) ul li:hover {
transform: translateX(-70%);
}
.menuVertical.opened ul li:hover {
background-color: #FB5D6F;
transform: translateX(-7%);
}
.menuVertical:not(.opened) ul li.active {
background-color: #707070;
}
body.seed .navbar {
background: #E3273D;
}
body.seed .navbar-custom ul.nav li a.selected,
body.seed .sub_nav li a.selected {
border-bottom: 5px solid #fff;
}
body.conseil .navbar {
background: #0097AA;
}
body.conseil .navbar-custom ul.nav li a.selected,
body.conseil .sub_nav li a.selected {
border-bottom: 5px solid #fff;
}
.page_activcrea {
margin-top: 50px;
}
.page_seed.desktop {
display:block
}
.page_seed.mobile {
display: none;
background-color: #fff;
}
@media (max-width: 1024px) {
.page_seed.desktop {
display:none
}
.page_seed.mobile {
display: block;
}
}
.page_seed.mobile {
margin-top:0;
padding:0;
}
.page_seed.mobile .seed_intro_title {
font-weight: lighter;
font-style: italic;
font-size: 16px;
position: absolute;
top:205px;
width:100%;
color:#fff;
}
.page_seed.mobile .seed_intro_subtitle {
font-weight: bolder;
font-size: 20px;
text-transform: uppercase;
position: absolute;
top:235px;
width:100%;
color:#fff;
text-align: left;
padding:0px 40px;
}
.page_seed.mobile .chapitres_intro {
border-bottom: 1px solid #d3d3d3;
}
.page_seed.mobile .chapitres_intro h2 {
font-size:25px;
font-weight: bolder;
color:#000;
margin: 10px;
}
.page_seed.mobile .deploy_boutique {
background-color: #E4AD38;
padding:0 15px;
color:#FFF;
}
.page_seed.mobile .deploy_boutique h1 {
text-align: center;
font-size:25px;
margin-top:30px;
}
.page_seed.mobile .deploy_boutique p {
color: #fff!important;
line-height:1.2em
}
.page_seed.mobile .seedSignBtn {
position:initial;
height:auto;
width:auto;
margin-top:35px;
margin-bottom: 80px;
}
.page_seed.mobile .seedSignPhone {
height:85%;
top:158px;
right:30px;
transform: rotate(20deg);
}
.page_seed.mobile .formation_simplifiee .simply_block {
background-color: #EA7F00;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
padding:10px 20px;
color: #fff;
display: flex;
align-items: center;
margin: 4px 0;
}
.page_seed.mobile .formation_simplifiee .simply_block i {
font-size:30px;
margin-right: 25px;
}
.page_seed.mobile .qualiopi_preview {
width:100%;
position: initial;
border: 3px solid #015E95;
}
.page_seed.mobile .floatStep {
width:100%;
max-width:100%
}
.page_seed.mobile .floatStep h3 {
font-size:50px
}
.page_seed.mobile .accompagnons_1 {
border-top-right-radius: 75px;
border-bottom-right-radius: 75px;
}
.page_seed.mobile .quotidien1 {
border-top-left-radius: 75px;
border-bottom-right-radius: 75px;
min-height:auto;
padding-bottom:60px
}
.page_seed.mobile .surmesure1 {
border-top-left-radius: 75px;
border-bottom-left-radius: 75px;
}
.page_seed.mobile .surmesure-relative {
width:100%;
min-width:100%;
top:-66px;
border-radius: 20px;
}
.page_seed.mobile .pricing table td {
padding:14px;
}
.page_seed.mobile .spanText {
font-size: 16px;
}
.page_seed.mobile .packBtn {
height:auto;
width:90%;
bottom:-76px
}
body {margin:0}
.v3 {
background-color: #1EADBE;
font-family: 'Titillium Web';
}
.footerV3 {
background-color: #213044;
color:#fff
}
.v3 .desktop {
/*display:block*/
}
.v3 .mobile {
display: none;
}
.footerV3.desktop {
/*display:block;*/
}
.footerV3.mobile {
display:none;
}
.v3 header {
height:60px;
background-color: #005C77;/*#1B9BAB*/;
width:100%;
}
.v3.seed header {
background-color: #666666;/*#1B9BAB*/;
}
.v3.conseil header {
background-color: #0097aa;/*#1B9BAB*/;
}
.v3 .introduction.desktop header,
.v3 .desktop header
{
position: fixed;
z-index: 999;
top:0;
}
.v3 nav {
overflow: hidden;
display: flex;
justify-content: center;
/*align-items: center;*/
}
.v3 nav.mobile {
overflow: unset;
}
@media (min-width: 1600px) {
.classIntroduction {
padding: 0 15%;
}
}
@media (max-width: 1024px),(max-width: 1300px) and (max-height: 680px) {
.v3 .desktop {
display:none
}
.v3 .mobile {
display: block;
}
.footerV3.desktop {
display:none;
}
.footerV3.mobile {
display:block;
}
.page_home.v3 {
overflow: hidden;
width:100vw;
}
body {
overflow-x: hidden;
}
}
.v3 .introduction {
height: 100vh
}
.v3 .introduction h1 {
color:#015c77;/*#002327;*//*color:#2B474C;*/
font-family: 'Titillium Web';
font-weight:normal;
font-size:7.5rem;
text-transform: uppercase;
width:100%;
text-align: left;
padding-left:25%;
padding-top: calc(10vh + 60px);
/*text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
}
@media (max-width: 1280px) {
.v3 .introduction h1 {
padding-top: 80px;
}
}
.v3 header:not(.mobile) nav a {
display:inline-flex;
float: left;
width: 200px;
color: #fff;
height:60px;
margin-top:0px;
justify-content: center;
align-items: center;
font-family: 'Titillium Web';
font-weight: lighter;
text-decoration: none;
font-size: 18px;
}
.v3 header nav .subnav {
float: left;
overflow: hidden;
}
.v3 header nav .subnav .subnavbtn {
display:inline-flex;
float: left;
width: 140px;
color: #fff;
height:60px;
margin-top:0px;
justify-content: center;
align-items: center;
font-family: 'Titillium Web';
font-weight: lighter;
text-decoration: none;
font-size: 18px;
border: none;
outline: none;
padding: 14px 16px;
background-color: inherit;
}
.v3 header nav a:hover,
.v3 header nav .subnav:hover .subnavbtn {
color: #fff;
background-color: #001F36;/*#4BBECB*/;
}
.v3.seed header nav a:hover,
.v3.seed header nav .subnav:hover .subnavbtn {
color: #fff;
background-color: #767676;/*#4BBECB*/;
}
.v3.conseil header nav a:hover,
.v3.conseil header nav .subnav:hover .subnavbtn {
/*color: #fff;*/
background-color: #027783FF;/*#4BBECB*/;
}
.v3 header nav .subnav:hover {
height:300px!important;
}
.v3 header nav .subnav-content {
display: none;
position: absolute;
top: 60px;
background-color: #707070;
width: 140px;
z-index: 1;
}
.v3 header nav .subnav-content a {
float: left;
color: #fff;
text-decoration: none;
min-height: 36px;
height: auto!important;
padding-top: 0.15rem;
padding-bottom: 0.15rem;
font-size: 18px;
}
.v3 header nav .subnav-content a:hover {
background-color: #005C77;/*#1a9bab85*/;
}
.v3.seed header nav .subnav-content a:hover {
background-color: #B71F31FF;/*#1a9bab85*/;
}
.v3.conseil header nav .subnav-content a:hover {
background-color: #027783FF;/*#1a9bab85*/;
}
.v3 header nav .subnav:hover .subnav-content,
.v3 header nav .subnav-content:hover {
display: block;
}
.v3 header nav .subnavbtn.selected,
.v3 header nav a.selected {
border-bottom: 5px solid #fff;
}
.v3.seed header nav .subnavbtn.selected,
.v3.seed header nav a.selected {
background-color: #767676;/*#1a9bab85*/;
border-bottom: 0;
}
.v3.conseil header nav .subnavbtn.selected,
.v3.conseil header nav a.selected {
background-color: #027783FF;/*#1a9bab85*/;
border-bottom: 0;
}
.v3 header nav .subnav-content a.selected {
background-color: #005C77;/*#1a9bab85*/;
border-bottom: 0;
}
.v3 .mobile #menuToggle
{
display: block;
position: fixed;
top: 0;
right: 0;
padding:15px;
padding-bottom: 11px;
background-color: rgba(0,0,0,0.3);
z-index: 99999;
-webkit-user-select: none;
user-select: none;
}
.v3 .mobile #menuToggle a
{
text-decoration: none;
color: #fff;
min-height:45px;
font-weight: lighter;
transition: color 0.3s ease;
}
.v3 .mobile #menuToggle a:hover
{
color: tomato;
}
.v3 .mobile #menuToggle input
{
display: block;
width: 60px;
height: 50px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0; /* hide this */
z-index: 2; /* and place it over the hamburger */
-webkit-touch-callout: none;
}
/*
* Just a quick hamburger
*/
.v3 .mobile #menuToggle span
{
display: block;
width: 33px;
height: 4px;
margin-bottom: 7px;
position: relative;
background: #fff;
border-radius: 3px;
z-index: 1;
transform-origin: 0px 10px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
.v3 .mobile #menuToggle span:first-child
{
transform-origin: 0% 0%;
}
.v3 .mobile #menuToggle span:nth-last-child(2)
{
transform-origin: 20% 20%;
}
/*
* Transform all the slices of hamburger
* into a crossmark.
*/
.v3 .mobile #menuToggle input:checked ~ span
{
opacity: 1;
transform: rotate(45deg) translate(-4px, -1px);
background: #fff;
}
/*
* But let's hide the middle one.
*/
.v3 .mobile #menuToggle input:checked ~ span:nth-last-child(3)
{
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
/*
* Ohyeah and the last one should go the other direction
*/
.v3 .mobile #menuToggle input:checked ~ span:nth-last-child(2)
{
transform: rotate(-45deg) translate(2px, -3px);
}
/*
* Make this absolute positioned
* at the top left of the screen
*/
.v3 .mobile #menu
{
position: fixed;
width: calc(100vw + 50px);
height: calc(100vh - 48px);
margin: 0 0 0 -100vw;
padding: 100px 0 0 48px;
background: rgb(169,169,169);
background: -moz-radial-gradient(circle, rgba(169,169,169,1) 0%, rgba(139,139,139,1) 100%);
background: -webkit-radial-gradient(circle, rgba(169,169,169,1) 0%, rgba(139,139,139,1) 100%);
background: radial-gradient(circle, rgba(169,169,169,1) 0%, rgba(139,139,139,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a9a9a9",endColorstr="#8b8b8b",GradientType=1);
list-style-type: none;
-webkit-font-smoothing: antialiased;
/* to stop flickering of text in safari */
transform-origin: 0% 0%;
transform: translate(100%, 0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
.v3 .mobile #menu li
{
border-left:3px solid rgba(0,0,0,0);
padding: 10px 0 10px 10%;
font-size: 22px;
min-height:45px;
}
.v3 .mobile #menuToggle a.selected li {
border-left:3px solid #fff;
}
/*
* And let's slide it in from the left
*/
.v3 .mobile #menuToggle input:checked ~ ul
{
transform: none;
}
.v3 .mobile h1 {
font-size:24px
}
.v3 .introductionMobile .rounded {
background-color: #213044;
width:225px;
height:225px;
border-radius: 50%;
color:#1EADBE;
z-index:1;
/*margin-right: calc(225px / 2);*/
margin: auto;
margin-top:6rem;
margin-bottom:5rem;
display: flex;
justify-content: center;
align-items: center;
font-size:18px;
font-family: 'Titillium Web';
font-weight: bold;
text-transform: uppercase;
box-shadow: 0px 0px 20px 0px #000;
}
/*
.v3 header li a {
color: #fff;
}
.v3 header li:hover {
color: #fff;
background-color: #4BBECB;
}*/
.v3 video {
position: relative;
top: 50%;
transform: translateY(-50%);
width:100%
}
.v3 row, .v3 .col-md-12 {
margin:0;
padding:0;
}
.v3 .introduction .rounded {
background-color: #213044;
width:225px;
height:225px;
border-radius: 50%;
color:#1EADBE;
position: absolute;
z-index:1;
right: calc(-225px / 2);
display: flex;
justify-content: center;
align-items: center;
font-size:18px;
font-family: 'Titillium Web';
font-weight: bold;
text-transform: uppercase;
box-shadow: 0px 0px 20px 0px #000;
}
.v3 .introductionMobile video {
position: unset;
transform: unset;
}
.v3 .sectionSeed {
background-color: #fff;
padding: 3rem 15px
}
.v3 .sectionSeed .hoverdisplay {
position: absolute;
bottom:20%;
left:47%;
width:50%;
text-align: left;
transition: 0.25s all ease-in-out;
}
.v3 .sectionSeed.mobile .hoverdisplay {
position: unset;
width:100%;
text-align: center;
transition: 0.25s all ease-in-out;
}
.v3 .sectionSeed .hoverdisplay img {
width:8%;
transition: 0.25s all ease-in-out;
}
.v3 .sectionSeed.mobile .hoverdisplay img {
width:50px;
}
.v3 .sectionSeed .hoverdisplay a {
opacity:0;
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
color:#000;
padding:0.5rem;
padding-left:5%;
padding-right:5%;
position: relative;
top:5px;
left:-5%;
transition: 0.25s all ease-in-out;
}
.v3 .sectionSeed.mobile .hoverdisplay a {
opacity:1;
background: transparent;
color:#707070;
font-size: 15px;
font-weight: lighter;
position: initial;
transition: 0.25s all ease-in-out;
}
.v3 .sectionSeed:hover .hoverdisplay {
bottom:15%;
left:45%
}
.v3 .sectionSeed:hover .hoverdisplay a {
opacity: 1
}
.v3 .sectionSeed:hover .hoverdisplay img {
width:18%;
transform: rotate(360deg);
}
.v3 .sectionSeed.mobile:hover .hoverdisplay img {
width:50px;
transform: unset;
}
.v3 .sectionPCRH {
background-color: #1EADBE;
color:#fff;
min-height:60vh;
padding-top:4rem
}
.v3 .sectionPCRH .femmeRelative {
position: relative;
left:-15%;
bottom:-9px;
z-index:1;
}
.v3 .sectionPCRH .femmeRelativeContainer {
width:50%
}
.v3 .sectionPCRH .femmeRelativeContainer a {
display:none;
color:#fff;
background:rgba(51,51,51,0.75);
padding:20px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
width:100px;
text-align:center;
position: absolute;
z-index:10;
}
.v3 .sectionPCRH.mobile .femmeRelativeContainer a {
display:block;
}
.v3 .sectionPCRH .femmeRelativeContainer:hover a{
display:block;
}
.v3 .sectionPCRH .femmeRelativeContainer:hover:after,
.v3 .sectionPCRH.mobile .femmeRelativeContainer:after{
background: #fff;
border-radius: 50%;
top: 20%;
color: #000;
content: attr(title);
left: 20%;
padding: 5px 37px;
display: flex;
position: absolute;
z-index: 98;
width: 200px;
height: 75px;
justify-content: center;
align-items: center;
}
.v3 .sectionPCRH .femmeRelativeContainer:hover:before,
.v3 .sectionPCRH.mobile .femmeRelativeContainer:before{
border: solid;
border-color: #fff transparent;
border-width: 29px 28px 0 6px;
top: calc(20% + 68px);
content: "";
left: 28%;
position: absolute;
z-index: 99;
}
@media (max-width: 1400px) {
.v3 .sectionPCRH .femmeRelative {
width:100%
}
.v3 .sectionPCRH .femmeRelativePrepender {
z-index:2;
}
}
.v3 .sectionOF {
background-color: #1EADBE;
color:#fff;
}
.v3 .sectionOF a {
color:#fff;
font-size:2.9rem;
display: block;
margin-bottom: 1rem;
padding:0 0.5rem;
}
.v3 .sectionOF a:hover {
color:#fff;
background-color: rgba(255,255,255,0.2);
}
.v3 .sectionActivCrea {
background-color: #FFF;
color:#OOO;
overflow: hidden;
}
.v3 .sectionActivCrea .img1,
.v3 .sectionActivCrea .img2{
position: absolute;
top:0;
left:0;
opacity: 1;
transition: 0.5s all ease-in-out;
}
.v3 .sectionActivCrea .img2 {
opacity: 0;
}
.v3 .sectionActivCrea .subtitle {
position: absolute;
top:10%;
right:5%;
color:#fff;
text-align: left;
font-size:2rem
}
.v3 .sectionActivCrea .subtitle b {
font-size:2.6rem
}
.v3 .sectionActivCrea .hoverdisplay {
transform: translate(-1000px);
position: absolute;
bottom:5%;
right:10%;
transition: 0.25s all ease-in-out;
}
.v3 .sectionActivCrea:hover .hoverdisplay {
transform: translate(0%);
}
.v3 .sectionActivCrea:hover .img1 {
opacity: 0;
}
.v3 .sectionActivCrea:hover .img2 {
opacity: 1;
}
.v3 .sectionActivCrea.mobile .img1,
.v3 .sectionActivCrea.mobile .img2 {
position: initial;
}
.v3 .sectionActivCrea.mobile .subtitle {
position: initial;
background-color: #5A4737;
margin:0;
padding:6rem 2rem;
text-align: center;
font-size:1.7rem
}
.v3 .sectionActivCrea.mobile .subtitle b {
font-size: 2rem;
}
.v3 .sectionActivCrea.mobile .hoverdisplay {
transform: none;
}
.v3 .sectionDigitale {
background-color: #FFBB00;
background: rgb(255,223,61);
background: -moz-linear-gradient(90deg, rgba(255,223,61,1) 58%, rgba(255,204,0,1) 58%, rgba(255,204,0,1) 75%, rgba(255,187,0,1) 75%);
background: -webkit-linear-gradient(90deg, rgba(255,223,61,1) 58%, rgba(255,204,0,1) 58%, rgba(255,204,0,1) 75%, rgba(255,187,0,1) 75%);
background: linear-gradient(90deg, rgba(255,223,61,1) 58%, rgba(255,204,0,1) 58%, rgba(255,204,0,1) 75%, rgba(255,187,0,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdf3d",endColorstr="#ffbb00",GradientType=1);
color:#213044;
}
.v3 .sectionDigitale video {
position: initial!important;
transform: unset;
}
.v3 .sectionDigitale .digitalSectionMask {
border-bottom-right-radius: 79%;
}
.v3 .sectionDigitale a {
color:#000;
}
.v3 .sectionDigitale a:hover {
color:#213044;
}
.v3 .sectionDigitale.mobile {
background-color: #FFBB00;
background: rgb(255,223,61);
background: -moz-linear-gradient(90deg, rgba(255,223,61,1) 30%, rgba(255,204,0,1) 30%, rgba(255,204,0,1) 70%, rgba(255,187,0,1) 70%);
background: -webkit-linear-gradient(90deg, rgba(255,223,61,1) 30%, rgba(255,204,0,1) 30%, rgba(255,204,0,1) 70%, rgba(255,187,0,1) 70%);
background: linear-gradient(90deg, rgba(255,223,61,1) 30%, rgba(255,204,0,1) 30%, rgba(255,204,0,1) 70%, rgba(255,187,0,1) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdf3d",endColorstr="#ffbb00",GradientType=1);
color:#213044;
}
.v3 .sectionOF.mobile {
background: rgb(15,87,95);
background: -moz-linear-gradient(0deg, rgba(15,87,95,1) 0%, rgba(30,173,190,1) 50%);
background: -webkit-linear-gradient(0deg, rgba(15,87,95,1) 0%, rgba(30,173,190,1) 50%);
background: linear-gradient(0deg, rgba(15,87,95,1) 0%, rgba(30,173,190,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f575f",endColorstr="#1eadbe",GradientType=1);
padding-bottom:5rem
}
.v3 .sectionOF.mobile .stats_3 {
opacity: 1;
}
.v3 .sectionOF.mobile .stats_title {
left:-8%;
width:100vw;
bottom:-30%;
}
.v3 .flex-justify-align-center {
display: flex;
align-items: center;
justify-content: center;
}
.v3 .flex-align-center {
display: flex;
align-items: center;
}
.v3 .flex-justify-center {
display: flex;
justify-content: center;
}
.v3 .li_fusee {
list-style-image: url('../img/fusee_li.png');
font-size:16px;
}
.v3 .stats_container {
border-radius: 50%;
background-color: #1EADBE;
color:#fff;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
font-size:2rem;
flex-direction: column;
}
.v3 .stats_container span {
display: block;
}
.v3 .stats_container b {
display: block;
font-size:3rem;
color:#000
}
.v3 .stats_1 {
width:226px;
height:226px;
bottom:11%;
left:8%
}
.v3 .stats_2 {
width:155px;
height:155px;
bottom:12%;
left:calc(8% + 170px);
}
.v3 .stats_3 {
opacity: 0;
background-color: transparent;
border-radius: unset;
width:calc(170px + 155px);
height:226px;
bottom:11%;
left:calc(8%);
transition: opacity 0.25s ease-in-out;
}
.v3 .stats_3:hover {
opacity: 1;
}
.v3 .stats_3 .stats_title {
text-align: left;
position: absolute;
left:90%;
bottom:11%;
background-color: #1EADBE;
color:#000;
width:325px;
font-size:14px;
font-weight: lighter;
font-style: italic;
padding:12.5px 35px;
}
@media (max-width: 1400px) {
.v3 .stats_3 .stats_title {
left:-2%;
bottom:-35%
}
}
.footerV3 .site_map {
border:none;
}
.footerV3 ul.footer_nav_center {
display: flex;
justify-content: center;
align-items: center;
}
.footerV3 .footer_nav_center li {
display:inline-block;
margin: 0 1rem
}
article:hover .article_title {
background-color: #015c77!important;
color:#fff!important
}
article:hover .article_title a {
color:#fff!important
}
.all_actus {
background-color: #015c77;
display: inline-block;
width:15vw;
min-width:150px;
box-shadow: 0 0 10px rgb(0,0,0);
}
.all_actus:hover {
background-color: #001F36!important;
color:#fff!important
}
.v3:not(.accueil,.page_home) {
background-color: #fff;
}
.v3.conseil .page_diagnostic.mobile .intro {
margin-top:0px!important
}
#pricing_table th {
color: #0661A1!important;
}
#pricing_table th.selected {
background-color: #0661A1!important;
color: #fff!important;
}
#pricing_table td.selected:not(.option,.total)
{
background-color: #0669AE!important;
color: #fff!important;
}
#pricing_table>tbody>tr:nth-child(odd)>td.selected:not(.option,.total) {
background-color: #0661A1!important;
}
#pricing_table td.selected.option
{
background-color: #0669AE!important;
color:#fff;
}
#pricing_table td.selected i {
color: #fff!important;
}
#pricing_table td.selected.total
{
background-color: #012C77!important;
}
#pricing_table .text-success {
color: #0669AE
}
.play_hover .play_big, .play_hover .big {
transition: all 0.2s;
cursor: pointer;
}
.play_hover .play_big {
opacity: 0;
}
.play_hover:hover .play_big {
opacity: 1;
}
.play_hover:hover .play {
opacity: 0;
}
.video_player_container {
position: absolute;
top:0;
left:0;
width:100vw;
height:100vh;
background-color: #000000a3;
z-index: 999;
display: none;
cursor: pointer;
}
.video_player {
position: absolute;
top: calc((100vh - 470px) / 2);
left: calc((100% - 840px) / 2);
width: 840px;
height: 470px;
padding: 10px 20px;
background-color: #000;
}
.info_bulle {
background-image: url('/img/infobulle.png');
background-size: cover;
width: 415px;
height: 161px;
position: relative;
left: -100px;
padding-top: 51px;
}
.customers .animate__animated:hover{
animation: pulse; /* referring directly to the animation's @keyframe declaration */
animation-duration: 1s; /* don't forget to set a duration! */
}