/* Auteur du developpement sur-mesure pour PROMOELAD : Herve Augoyat - https://www.ah-book.com Copie ou modification interdite sans accord ecrit de l'auteur */ #load {display: none} .H #load {display:block; width:50px; height:auto; /*height:12.5px*/ position:fixed; z-index:601; top:50%; margin-top:-6px; left:50%; margin-left:-25px;} html {font-size: 100%; height:100%; width:100%; -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility; position: relative} /*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { img { image-rendering: -webkit-optimize-contrast !important; } } Unset for Safari 11+ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { img { image-rendering: unset !important; } }} */ @font-face {font-family:'Opsans';font-style: normal;font-weight: 300; src: url('../Fontes/open-sans-300.eot'); src: local(''), url('../Fontes/open-sans-300.eot?#iefix') format('embedded-opentype'), url('../Fontes/open-sans-300.woff2') format('woff2'), url('../Fontes/open-sans-300.woff') format('woff'), url('../Fontes/open-sans-300.ttf') format('truetype'), url('../Fontes/open-sans-300.svg#OpenSans') format('svg'); } @font-face {font-family:'Opsans';font-style: normal;font-weight: 400; src: url('../Fontes/open-sans-400.eot'); src: local(''), url('../Fontes/open-sans-400.eot?#iefix') format('embedded-opentype'), url('../Fontes/open-sans-400.woff2') format('woff2'), url('../Fontes/open-sans-400.woff') format('woff'), url('../Fontes/open-sans-400.ttf') format('truetype'), url('../Fontes/open-sans-400.svg#OpenSans') format('svg'); } @font-face {font-family:'Opsans';font-style: normal;font-weight: 500; src: url('../Fontes/open-sans-500.eot'); src: local(''), url('../Fontes/open-sans-500.eot?#iefix') format('embedded-opentype'), url('../Fontes/open-sans-500.woff2') format('woff2'), url('../Fontes/open-sans-500.woff') format('woff'), url('../Fontes/open-sans-500.ttf') format('truetype'), url('../Fontes/open-sans-500.svg#OpenSans') format('svg'); } @font-face {font-family:'Opsans';font-style: normal;font-weight: 600; src: url('../Fontes/open-sans-600.eot'); src: local(''), url('../Fontes/open-sans-600.eot?#iefix') format('embedded-opentype'), url('../Fontes/open-sans-600.woff2') format('woff2'), url('../Fontes/open-sans-600.woff') format('woff'), url('../Fontes/open-sans-600.ttf') format('truetype'), url('../Fontes/open-sans-600.svg#OpenSans') format('svg');} @font-face { font-family:'Opsans';font-style: normal;font-weight: 700; src: url('../Fontes/open-sans-700.eot'); src: local(''), url('../Fontes/open-sans-700.eot?#iefix') format('embedded-opentype'), url('../Fontes/open-sans-700.woff2') format('woff2'), url('../Fontes/open-sans-700.woff') format('woff'), url('../Fontes/open-sans-700.ttf') format('truetype'), url('../Fontes/open-sans-700.svg#OpenSans') format('svg'); } /* @font-face {font-family:'go';font-style: normal;font-weight: 300; src: url('../Fontes/Gord-300.eot'); src: local(''), url('../Fontes/Gord-300.eot?#iefix') format('embedded-opentype'), url('../Fontes/Gord-300.woff2') format('woff2'), url('../Fontes/Gord-300.woff') format('woff'), url('../Fontes/Gord-300.ttf') format('truetype'); } @font-face {font-family:'go';font-style: normal;font-weight: 400; src: url('../Fontes/Gord-400.eot'); src: local(''), url('../Fontes/Gord-400.eot?#iefix') format('embedded-opentype'), url('../Fontes/Gord-400.woff2') format('woff2'), url('../Fontes/Gord-400.woff') format('woff'), url('../Fontes/Gord-400.ttf') format('truetype'); } @font-face {font-family:'go';font-style: normal;font-weight: 500; src: url('../Fontes/Gord-500.eot'); src: local(''), url('../Fontes/Gord-500.eot?#iefix') format('embedded-opentype'), url('../Fontes/Gord-500.woff2') format('woff2'), url('../Fontes/Gord-500.woff') format('woff'), url('../Fontes/Gord-500.ttf') format('truetype'); } @font-face {font-family:'go';font-style: normal;font-weight: 600; src: url('../Fontes/Gord-500.eot'); src: local(''), url('../Fontes/Gord-500.eot?#iefix') format('embedded-opentype'), url('../Fontes/Gord-500.woff2') format('woff2'), url('../Fontes/Gord-500.woff') format('woff'), url('../Fontes/Gord-500.ttf') format('truetype');} */ @font-face {font-family:'go';font-style: normal;font-weight: 300; src: url('../Fontes/open-sans-300.eot'); src: local(''), url('../Fontes/open-sans-300.eot?#iefix') format('embedded-opentype'), url('../Fontes/open-sans-300.woff2') format('woff2'), url('../Fontes/open-sans-300.woff') format('woff'), url('../Fontes/open-sans-300.ttf') format('truetype'), url('../Fontes/open-sans-300.svg#OpenSans') format('svg'); } @font-face {font-family:'go';font-style: normal;font-weight: 400; src: url('../Fontes/open-sans-400.eot'); src: local(''), url('../Fontes/open-sans-400.eot?#iefix') format('embedded-opentype'), url('../Fontes/open-sans-400.woff2') format('woff2'), url('../Fontes/open-sans-400.woff') format('woff'), url('../Fontes/open-sans-400.ttf') format('truetype'), url('../Fontes/open-sans-400.svg#OpenSans') format('svg'); } @font-face {font-family:'go';font-style: normal;font-weight: 500; src: url('../Fontes/open-sans-500.eot'); src: local(''), url('../Fontes/open-sans-500.eot?#iefix') format('embedded-opentype'), url('../Fontes/open-sans-500.woff2') format('woff2'), url('../Fontes/open-sans-500.woff') format('woff'), url('../Fontes/open-sans-500.ttf') format('truetype'), url('../Fontes/open-sans-500.svg#OpenSans') format('svg'); } @font-face {font-family:'go';font-style: normal;font-weight: 600; src: url('../Fontes/open-sans-600.eot'); src: local(''), url('../Fontes/open-sans-600.eot?#iefix') format('embedded-opentype'), url('../Fontes/open-sans-600.woff2') format('woff2'), url('../Fontes/open-sans-600.woff') format('woff'), url('../Fontes/open-sans-600.ttf') format('truetype'), url('../Fontes/open-sans-600.svg#OpenSans') format('svg');} /* @font-face { font-family:'go'; font-style:normal; font-weight:300; src: url('../Fontes/go-300.eot'); src: local(''), url('../Fontes/go-300.eot?#iefix') format('embedded-opentype'), url('../Fontes/go-300.ttf') format('truetype');} @font-face { font-family:'go'; font-style:normal; font-weight:400; src: url('../Fontes/go-400.eot'); src: local(''), url('../Fontes/go-400.eot?#iefix') format('embedded-opentype'), url('../Fontes/go-400.ttf') format('truetype'); } @font-face { font-family:'go'; font-style:normal; font-weight:500; src: url('../Fontes/go-500.eot'); src: local(''), url('../Fontes/go-500.eot?#iefix') format('embedded-opentype'), url('../Fontes/go-500.ttf') format('truetype');} @font-face { font-family:'go'; font-style:normal; font-weight:600; src: url('../Fontes/go-600.eot'); src: local(''), url('../Fontes/go-600.eot?#iefix') format('embedded-opentype'), url('../Fontes/go-600.ttf') format('truetype');} */ body {font-size: 1em; color:#000000; font-family: 'Opsans', sans-serif; margin:0; font-weight:400; height:100%; width:100%; position:relative; background-color:#fff; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; font-variant-ligatures: no-common-ligatures;} * { outline: none;} .ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none} .retMob { display: none} img {display:block} a img {border:none} a {outline:none; border:none; text-decoration:none} ul, li {margin:0; padding:0; list-style:none} h1, h2, h3, h4 {padding:0; margin:0; font-size:1em; font-weight:normal; line-height:1.1em} sup {font-size: 0.55em; line-height: 1em} svg {width: 100%; height: 100%; display: block} /*::-moz-selection, ::selection { background:#00949a}*/ #testeur {position:fixed; z-index:9999; bottom:0; left:60px; padding:10px; font-size:0.75em; letter-spacing:0.1em; display:inline-block; font-family: sans-serif; color:#FFF; opacity:0.5; background-color: #000000; display: none} /*#CybotCookiebotDialog, .H #CybotCookiebotDialog, #CookiebotWidget, .H #CookiebotWidget {opacity:0; visibility: hidden}*/ #MOB {display:none} #MOB2 {display:none} .calExt{} .cal {position: absolute; width: auto; height: auto} #remonte {width:46px; height:46px; background-color:#fff; position:fixed; bottom:0px; left:0; z-index:150; visibility:hidden; overflow:hidden; cursor:pointer} #remonte img {width:22px; position:absolute; top:50%; left:50%; margin-left:-11px; margin-top:-11px; display:block;transform-origin: 50% 50%;} .H #remonte {visibility: hidden} #nav {position: relative; z-index: 10; padding-bottom: 66px} #navG {display: block; width:37%;padding-top: 117px; float: left; color:#000; } #logo {width:262px; height: auto; display: block; position: relative; margin-left:15.4%; z-index:31} #logo img {width: 100%; display: block} #navD {display: block; width:63%;padding-top: 125px; float: left; color:#000} #menu {margin:0; padding:0; position:relative; width:auto; z-index:800} #menu li {display: inline-block; margin: 0 2.2em 0 0; padding: 0; letter-spacing: 0.02em} .H #menu li {float: left;} #menu li .am {display:inline-block; padding:1.5em 0 0.4em 0; font-size:0.95em; font-weight:500; color:#000; cursor: pointer; line-height: 1.2em; margin:0; font-family: 'go', sans-serif} #menu span {display: inline-block; position:relative; padding-bottom: 0.5em; line-height: 1.2em} #menu .am span i {position: absolute; bottom: 0; width: 100%; left:0; height: 2px; background-color:#00949a; transform-origin: 0} #menu li #m1 {padding-right:1.4em} #menu li .am img { position: absolute; right: 0; top:60%; width:0.8em; margin-top: -0.4em; transform-origin: 50% 50%} #menu .ret {display:block;width: 0; float: none; margin: 0; padding: 0; clear: both; height: 0; line-height: 0} #menu .mactif span i {width:100%; background-color: #00949a} #menu .mactifM1 span i {width:100%; background-color: #00949a} .sousmenu { position: relative; background-color: #00949a; border-radius: 10px; padding-left:1.7em; padding-right:1.7em; padding-top:1.2em; padding-bottom:1.2em; z-index: 500} .H .sousmenu {position: absolute; top: 0; left: 0; background-color: #00949a; border-radius: 10px; padding-left:1.7em; padding-right:1.7em; padding-top:1.2em; padding-bottom:1.2em; z-index: 500} .sousmenu li {display: block; float: none; margin: 0; padding: 0} .sousmenu .t {width: 100%; background-color: #98cfd2; height: 1px; margin: 0.5em 0} .sousmenu li a {display:block; padding:0; font-size:0.95em; font-weight:400; color:#fff; cursor: pointer; line-height: 1.2em; padding-right:3em; margin:0; font-family: 'go', sans-serif; position: relative; overflow: hidden} .sousmenu li a img {width: 0.6em; position: absolute; top:0.8em; left:0; transform-origin: 50% 50%} .sousmenu li a span {font-weight: 500; font-size: 1em; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1.4em; display: block; position: relative; z-index: 501} .sousmenu li a span i {font-weight: 400; font-size: 0.8em; padding-top: 0.5em; letter-spacing: 0.025em; font-style: normal; display: block} .H .sousmenu li a b {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 500; transform-origin: 0 0;} #menu-secondaire { position: absolute; top: 0; right: 0; font-family: 'go', sans-serif} #menu-secondaire li {display: inline-block; float: left; margin: 0.3em 1.7em 0 0; padding: 0; letter-spacing: 0.02em} #menu-secondaire .reduit {margin: 0.3em 0.9em 0 0} #menu-secondaire li .bm {display:inline-block; padding:1.5em 0 0.4em 0; font-size:0.85em; font-weight:500; color:#00949a; line-height: 1.2em; margin:0;} #menu-secondaire .bm span {display: inline-block; position:relative; padding-bottom: 0.5em; line-height: 1.2em} #menu-secondaire .bm span i {position: absolute; bottom: 0; width: 100%; left:0; height: 2px; background-color:#00949a; transform-origin: 0} #menu-secondaire li .style1 {margin:0; border-radius: 50px; border:2px solid #00949a; padding:0.9em 1.3em 0.8em 1.3em; display:inline-block; font-size:0.85em; font-weight:500; color:#00949a; margin-top: 0.6em; line-height: 1.2em; } #menu-secondaire li .style2 {margin:0; border-radius: 50px; border:2px solid #00949a; padding:0.9em 1.75em 0.8em 1.75em; display:inline-block; font-size:0.85em; font-weight:500; margin-top: 0.6em; line-height: 1.2em;background-color: #00949a; color:#fff; } #menu-secondaire .style1 span, #menu-secondaire .style2 span {display: inline-block; position:relative; padding-bottom:0; line-height: 1.2em} #menu-secondaire li .avecimg {padding-left:2.6em} #menu-secondaire li .bm img { position: absolute; left: 0; top:60%; width:1.9em; margin-top: -0.95em; transform-origin: 50% 50%} #menu-secondaire .ret {display:block;width: 0; float: none; margin: 0; padding: 0; clear: both; height: 0; line-height: 0} #menu-secondaire .mactif span i {width:100%; background-color: #00949a} .H #logo, .H #menu li .am, .H #menu span i, .H #menu-secondaire li a, .H #menu-secondaire span i {visibility: hidden} .H .sousmenu {display: none} #menu-secondaireFIXE { position: fixed; top: 25px; right: 90px; font-family: 'go', sans-serif; z-index: 899} #menu-secondaireFIXE li {display: inline-block; float: left; margin: 0 10px 0 0; padding: 0; letter-spacing: 0.02em} #menu-secondaireFIXE li .style2 {margin:0; border-radius: 50px; border:2px solid #00949a; padding:18px 28px 18px 28px; display:inline-block; font-size: 15px; font-weight:500; margin-top:0px; line-height: 1.2em;background-color: #00949a; color:#fff; } #menu-secondaireFIXE .style2 span {display: inline-block; position:relative; padding-bottom:0; line-height: 15px} #menu-secondaireFIXE li .avecimg {padding-left:60px} #menu-secondaireFIXE li .avecimg img { position: absolute; left: 22px; top:50%; width:28px; margin-top: -14px; transform-origin: 50% 50%} #menu-secondaireFIXE .ret {display:block;width: 0; float: none; margin: 0; padding: 0; clear: both; height: 0; line-height: 0} .H #menu-secondaireFIXE {visibility: hidden} #btmenu {display:block; position: fixed; top:25px; right:25px; width:58px; height:58px; z-index:950; border-radius: 50%; transform-origin:50% 50%; cursor: pointer; background-color:#fff; overflow: hidden} #b1, #b2, #b3 {width:24px; height: 2px; background-color: #000; position: relative; margin-left:auto; margin-right: auto; display: block; transform-origin:0 0;} #b1 {margin-top:21px; z-index:950} #b2 {margin-top:5px; z-index:951} #b3 {margin-top: 5px; z-index:950} #btmenu #fermer {display:block; visibility: hidden; width: 100%; height: 100%; background-color:#fff; position: absolute; top: 0; left: 0; z-index: 960} #btmenu #fermer b {width: 24px; height: 2px; background-color: #00949a; transform-origin: 50% 50%; position: absolute; top:28px; left:17px; display: block} .H #btmenu, .H #btmenu i {visibility: hidden} .navigation {width:100%; height:auto; position:relative; left:0;background-color:#0b0e1f} .H .navigation {width:100%; height: 100%; position: fixed; left:102%; bottom: 0; z-index:900; overflow:hidden; transform-origin:0 100%} /*.H .navigation {left:0%}*/ .navigation .fondnav {display: none} .H .navigation .fondnav {display:block; position:absolute; z-index:900; top:50%; left:50%; width: auto; height: auto} .navigationInt {height: 500px; position: relative; z-index:902; font-family: 'go', sans-serif;/*background-color: black;*/ } .H .navigationInt {height: auto} .ni1, .ni2, .ni3, .ni4 {float: left; position: relative; display: block; height: 100%} .ni1 {width: 25.6%} .ni2 {width: 18%; padding-left: 2.5%; max-width: 450px} .ni3 {width: 18%; padding-left: 2.5%; max-width: 450px; /*background-color: grey*/} .ni4 {width:30.5%; padding-left: 2.5%; max-width: 450px; /*background-color: darkslategrey*/} .navigationInt .filet {width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.17); position: absolute; top: 0; right: 0; transform-origin: 100% 100%} .ni1 .filet {background-color: rgba(255, 255, 255, 0.5)} .logonav {width:262px; height: auto; display: block; position: relative; float: left; margin-left:22%; z-index:31} .logonav img {width: 100%; display: block} .reseaux {width: 50px;position:absolute; left: 22%; margin-left: 212px; bottom:0; margin-bottom:0} .reseaux li {margin-top: 0.5em; display: block} .reseaux a {width: 46px; height: 46px; border-radius: 50%; display: block; border: 1px solid #414350; transform-origin: 50% 50%} .reseaux a img {width: 100%; display: block; transform-origin: 50% 50%;} .ni2 ul, .ni3 ul, .ni4 ul {margin-top: 132px; /*background-color: indigo*/} .ni2 li, .ni3 li, .ni4 li {display: block} .ni2 a, .ni3 a, .ni2 span {display:inline-block; color:#fff; font-size: 1.2em; line-height: 1.6em; padding: 0.5em 0; position: relative} .ni2 .solution {padding-left:1.4em} .ni2 .solution img {position: absolute; top:1em; left:0; width: 0.45em} .navigationInt a i {position: absolute; bottom:0.3em; width:0; left:0; height: 2px; background-color:#00949a; transform-origin: 0} .navigationInt .mactifnav i {width:100%; background-color: #00949a} .ni4 a {display:inline-block; color:#fff; position: relative} .ni4 a strong {font-size: 1.2em;padding: 0.5em 0; line-height: 1.6em; font-weight: 500; display: inline-block} .ni4 a .mini {font-size: 0.9em; font-weight:400; display: inline-block; padding-left:0.7em; color:#cfcfcf} .ni4 a .bt {border-radius:19px; padding:1em 3.7em 1em 2.8em; display:inline-block; font-size:1em; font-weight:400; margin-top: 0.1em; line-height: 1.2em; color:#fff; position: relative; margin-bottom:1.65em} .coul01 {background-color: rgba(0, 148, 157, 0.53); } .coul02 {background-color: rgba(85, 62, 124, 0.53); } .coul03 {background-color: rgba(148, 194, 101, 0.53); } .ni4 a .bt img {position: absolute; top: 1.35em; left:1.6em; width: 0.55em} .mentions {position:absolute; z-index: 901; bottom:2.5em; right:3.5em; color:#cccdce; font-size: 0.85em; letter-spacing: 0.025em; line-height:3.6em} .mentions li {display: inline-block; padding-right:1.2em} .mentions a {display: inline-block; color:#cccdce } .mentions a:hover {color:#fff} .H #bas {height: 100%; min-height: 450px} #bas .navigation {width:100%; height:auto; position:relative; left:0;background-color:#0b0e1f} .H #bas .navigation {width:100%; height: 100%; position:relative; left:0; bottom: 0; z-index:10; overflow:hidden; transform-origin:0 100%} #bas .navigation .fondnav {position:absolute; z-index:10; top:50%; left:50%; width: auto; height: auto} #bas .navigationInt {height: 500px; position: relative; z-index:11; font-family: 'go', sans-serif;/*background-color: black;*/ } #pagecomplete {width: 100%; height: auto; overflow: hidden} .H #pagecomplete { visibility: hidden} #intro {width: 100%; height: 600px; position: relative; z-index: 10; background-color: #fff} #introG {color:#fff; display: block; width:37%; float: left; height: 100%; color:#000; background-color: #f4f4f4 /*#f1f0ee*/} #introG.fondcoul2 {background-color:#f8f8fa} #introG.fondcoul3 {background-color:#f3f6f4} #introG h1 { margin-left: 15.4%; padding-top: 92px; padding-left: 22px; padding-bottom: 3em; display: block} #introG h1 strong { font-size:1.75em; display: block; font-weight:400; margin-right: 4%} #introG h1 span {display: inline-block} #introG h1 .anik {position: relative; overflow: hidden; line-height: 1.9em; } #introG h1 .anikint {position: relative} #introG h1 .trait {width:3.2em; height: 2px; background-color:#00949a; display: block; transform-origin: 0; margin:2.1em 0 2.5em 0} #introG h1 .trait.bleu {background-color: #3e89c7} #introG h1 .trait.coulH {background-color: #6a5f91} #introG h1 .trait.coulI {background-color: #94c265} #introG h1 .soustitre {font-family: 'go', sans-serif; font-size:0.95em; font-weight: 400; line-height:1.9em; letter-spacing: 0.02em; display: block; font-style: normal} #introG .logointroG {width: 175px; margin-top: 1.3em; display: block} #introD {width:63%; float:right; height: 100%; position: relative; color:#000; overflow:hidden} .H #video {visibility: hidden} .introFond img { position: absolute; top: 50%; left: 50%; width:1920px; height:1200px; margin-top:-600px; margin-left: -960px; z-index:9; transform-origin: 50% 50%} .H .introFond img {visibility: hidden;} .H #intro, .H #introG .anikint, .H #introG .trait, .H #introG h1 .soustitre {visibility: hidden} #introBloc {color:#fff; display: block; width:37%; float: left; height:auto; color:#000} .TitreBloc {margin-left: 15.4%; padding-top:2em; padding-left: 22px; display: block} .TitreBloc h3 { font-size:1.75em; display: block; font-weight:400; margin-right: 4%} .TitreBloc span {display: inline-block; line-height: 1.9em} .TitreBloc .trait {width:3.2em; height: 2px; background-color:#00949a; display: block; transform-origin: 0; margin:2.1em 0 2.5em 0} .TitreBloc .trait.coulH {background-color: #6a5f91} .TitreBloc .trait.coulI {background-color: #94c265} .TitreBloc .soustitre {font-family: 'go', sans-serif; font-size:0.95em; font-weight: 400; line-height:1.9em; letter-spacing: 0.02em; display: block; font-style: normal; margin: 0} #introBloc.fondFonc {background-color:#111428; color:#fff; background-image: url("../Images/Fonctionnalites-Promolead-fond1.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover} .bloc {width:21%; height:auto; float: left; position: relative; overflow: hidden} .blocvide {width:16%; height:auto; float: left} .bg1 {background-color: #f8f8fa} .bg2 {background-color: #ffffff} .bloc .ico {width:4em; height: 4em; overflow: hidden; margin-left: 10%; margin-top:2em; position: relative; z-index: 12} .bloc .ico img {width: 100%} .bloc span {margin-left: 10%; display: inline-block; font-size: 1.4em; font-weight: 300; line-height: 1.8em; padding-top: 1em; color:#414559; position: relative; z-index: 12;} .bloc .fleche {width:2.7em; position: absolute; bottom: 2.5em; right:2.5em; z-index: 12; border-radius: 50%; background-color:#f8f8fa; opacity: 0.4} .bloc .fleche img {width: 100%; display: block} .bloc i {position: absolute; top:0; left:0; margin-left: -350px; margin-top: -350px; z-index: 11; width:700px; height:700px; border-radius: 50%; background-color:#00949a; visibility: hidden; transform-origin: 50% 50%} .retbloc {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none} .bloc.bgviolet i {background-color:#563e7d} .bloc.bgvert i {background-color:#94c265} #fonctionnalites-details {width: 100%; margin-top:18em} .fonct {height:auto; position: relative} .fd1 {background-color: #13162a; color:#fff; } .fd2 {background-color: #fff; color:#000; } .fonctG {width: 50%; float: left; position: relative; z-index: 12} .fonctD {width: 50%; float: right; position: relative; z-index: 13} .fonctGint {padding-left: 12%; width: 65%; max-width: 580px; padding-bottom:4em; position:relative} .fonct .fonctextimg {overflow: hidden} .fonct .imgfonct {width: 100%; display: block} .logoFonct {position: absolute; top: 2.45em; right: 0; width: 165px;font-size:2.2em;} .fonct h2 { padding-top:2.4em; font-size:2.2em; font-weight:700; padding-bottom:1em; margin-top:3em; position: relative} .fonct h2 img { position: absolute; top: 0; left: 0; width:1.6em} .fonct p { line-height: 1.65em; padding-bottom: 1.5em; font-size:1em; margin: 0} .fonct p.pint { line-height: 1.65em; padding-bottom:0.5em; font-size:1em} .fonct .fgras {font-size: 1.1em; font-weight: 600} .fonct p a, .fonct li a {color:#000; text-decoration: underline} .fonct p a:hover, .fonct li a:hover {color:#5a5a5a; text-decoration: underline} .fonct strong {font-weight: 600} .fonct .liste {} .fonct .liste li { padding-bottom: 0.5em; display:block} .fonct .listemini { font-size:0.95em; padding-left: 1.5em; padding-bottom: 0.6em} .fonct .listemini li {display: block} .fd1 h2 {color:#fff} .fd2 h2 {color:#000} .fd1 p, .fd1 .depliFonctB {color:#bababd} .fd2 p, .fd2 .depliFonctB {color:#414559} .fd1 .depliFonctA {border-top:1px solid #323547} .fd2 .depliFonctA {border-top:1px solid #e6e8ec} .fd1 .fonctbg {position: absolute; top: 0; left:50%; height: 100%; width:50%; background-color: #454858; z-index: 10} .fd2 .fonctbg {position: absolute; top: 0; left:0%; height: 100%; width:50%; background-color: #f6f6f6; z-index: 10} .depliFonctA {font-weight:500; color:#00949a; font-size: 1.4em; padding:0.9em 1.5em 0.9em 0; position: relative; display: block; line-height: 1.4em; cursor: pointer; z-index: 30} .depliFonctA .cerclePlus2 {width:1em;position: absolute; display: block; top:1.2em; right: 0; transform-origin: 50% 50%} .depliFonctA .cerclePlus2 img {display: block; width: 100%; transform-origin: 50% 50%} .depliFonctB {margin:0; padding: 0 0 1.3em 0; position: relative; z-index: 20; font-size:1em; line-height:1.65em} .H .depliFonctB {display: none} #galerieGde {width: 100%; position: relative; overflow: hidden; min-height: 600px; background-color: #0A0A0A} #galerieGde h3 {position: relative; color:#fff} .H #galerieGde h3 {position: absolute; z-index:50; top:4em; left:5.7%; margin-left: 22px; font-size:1.75em; display: block } #galerieGde h3 span {line-height: 1.9em; display: inline-block} #galerieGde .imgGde {width: 100%; position: absolute; z-index: 1; cursor: pointer} .H #galerieGde .imgGde {visibility:hidden} .flprec, .flsuiv {width:4.6em; position: absolute; bottom:50%; margin-bottom: 250px; z-index: 52; cursor:pointer} .flsuiv {right:6%; margin-right: -0.2em; transform-origin: 0% 50%} .flprec {right:6%; margin-right:5.8em; opacity:0.4; transform-origin: 100% 50%} .flprec img, .flsuiv img {width: 100%; display: block} #galerieGde .lienTraitA {position: absolute; z-index: 52; bottom:0; right: 6%; display: inline-block} #galerieGde .infoGde {background-color: rgba(0, 0, 0, 0.88); border-radius: 25px; z-index: 50} .H #galerieGde .infoGde {visibility: hidden;position: absolute; top:50%; margin-top: -250px; right:6%; padding:2.3em 5em 3.6em 3em;} .infoGde .ico {width:3em} .infoGde h2 {color:#fff; font-size:1.75em; font-weight: 400; line-height: 1.85em; padding-top: 0.9em} .infoGde p {color:#b6b6b6; font-size:0.95em; letter-spacing: 0.025em; font-weight: 400; line-height:2.1em; margin-top:1.7em; margin-bottom:3.1em} .btpleinA {position: relative; border-radius:8px; color:#fff; font-weight: 400; font-size:0.95em; padding: 0.6em 2.2em 0.6em 2.7em; line-height: 1.2em; background-color: rgba(0, 148, 154, 0.43); letter-spacing: 0.04em} .btpleinA img {position: absolute; top: 50%; width: 0.55em; margin-top: -0.275em; left: 1.3em} .T3 {margin-left:5.7%; padding-left: 22px; font-size:1.75em; display: block} .T3 span {line-height: 1.9em; display: inline-block} .T4 {margin-left:5.7%; padding-left: 22px; font-size:1.85em; display: block; font-family: 'go', sans-serif; padding-top:1em; position: relative; padding-top:2em} .T4 strong {font-weight:500; position: relative; display: inline-block} .T4 strong i {position: absolute; background-color:#00949a; width: 100%; height:3px; bottom: 0.1em; left:0 } .T4 .citation {font-size:3.3em; color:#00949a; font-style: normal; position: absolute; top: 0; left: 22px; display: block; line-height: 1em} .T4 .citation.coulH {color:#6a5f91} .T4 .citation2 {position: absolute; top: 0; left: 22px; display: block; width:1.6em} .T4 span {line-height: 1.9em; display: inline-block} .imagecentre {width:100%; display: block; transform-origin: 50% 0; margin-left:auto; margin-right: auto} .H .imagecentre {visibility: hidden} .ext0 {width:100%; overflow: hidden} .ext1 {width:1305px; margin-left:auto; margin-right: auto} .ext1long {width:100%; float: right} #solutionsPromolead {padding-top:2em} #solu1 {} #solu2 {} #solu3 {} .solu {width:400px;float: left; margin-right: 52px; position: relative; overflow: visible; display: block; cursor: pointer; font-family: 'go', sans-serif; margin-top:5em; font-size: 0.9em} .solu.sansMarge {margin-right: 0} .H .solu {visibility: hidden} .solu .logoS {width:160px; height: auto; display: block; margin-left: auto; margin-right: auto} .imagesolu {width: 100%; position: relative; overflow: hidden; z-index: 10; /*border-radius:1.2em;*/ border-bottom-right-radius:1.2em;} .imagesolu img {width: 100%; display: block; position: relative; z-index: 10} .titreS {display: inline-block; position: absolute; bottom:14%; left:5%; width: 90%; z-index: 20;} .titreS strong {background-color: #202026; color:#fff; font-size: 1.3em; font-weight: 400; display: block; line-height: 1.4em; padding-top:1.1em; padding-bottom: 1em; letter-spacing: 0.05em; width: 100%; text-align: center} .titreS p {background-color:#fbfafa; font-size: 1em; display: block; margin: 0; padding: 0; width: 100%; text-align: center; line-height: 1.8em; padding-top:1.2em; padding-bottom:1.5em; border-bottom-right-radius:1.2em; } .aS {font-size: 1.05em; font-weight:500; display: block} .bS {color:#000; font-size: 1em; font-weight:400; display: block} #solu1 .aS {color:#00949a} #solu2 .aS {color:#94c265} #solu3 .aS {color:#6a5f91} /*#solu1 .titreS strong {background-color:#00949a} #solu2 .titreS strong {background-color:#94c265} #solu3 .titreS strong {background-color:#6a5f91}*/ .contG {float: left} .contD {float: right} .cont {width: 573px} .contextimg {overflow: hidden} .imgcont {width: 100%; display: block} .legende {color:#a3a2a2; padding-top: 2em; font-size: 0.9em; font-weight:500; display: block; line-height: 1.8em; z-index: 50} .cont h2 {font-size: 2.2em; font-weight:500; font-family: 'go', sans-serif; padding-bottom: 1.2em; line-height: 1.5em} .cont .argument {font-size:1.35em; font-weight:500; line-height: 1.6em; padding: 0.8em 0 0.7em 0; border-bottom:1px solid #00949a; display: block} .cont .argprem {border-top:1px solid #00949a} .cont .p {font-size: 1.1em; line-height:2em; margin: 0; padding-top:2em; display: block} .cont .p strong {font-weight: 500} .cont .p .leger {color:#6F6F6F} .cont .mini { font-size: 0.75em} .depliContA {font-weight:500; color:#a3a2a2; font-size: 1.5em; padding:0.9em 1.5em 0.9em 2em; border-top:1px solid #e6e8ec; position: relative; display: block; line-height: 1.4em; cursor: pointer; z-index: 30} .depliContA span {display: inline-block; position: absolute; top:0.9em; left:0} .depliContA .cerclePlus2 {width:1em;position: absolute; display: block; top:1.2em; right: 0; border:1px solid #fff; border-radius: 50%; transform-origin: 50% 50%} .depliContA .cerclePlus2 img {display: block; width: 100%; transform-origin: 50% 50%} .depliContAPrem {border-top:none; color:#414559;} .depliContB {margin:0; padding: 0 0 1.3em 2.8em; position: relative; z-index: 20; font-size:1.1em; line-height:1.75em; color:#414559} .H .depliContB {display: none} .H .depliContBPem {display: block} .videointA {position:relative; cursor:pointer} .playvideo {width:6em; height:auto; display:block; position:absolute; top:50%; left:50%; margin-top:-3em; margin-left:-3em; z-index:9001; transform-origin: 50% 50%} .videointA video {width: 100%; height: auto; position:relative; z-index:9000; cursor:pointer} #references{} #references h4 {display: block; text-align:center; font-size:1.75em; font-weight:500; font-family: 'go', sans-serif; padding-bottom: 1.5em;line-height: 1.6em} #references h4 span {font-size: 0.7em; color:#5C5C5C; display: block; padding-top: 0.6em; font-weight: 400; line-height: 1.5em} #references ul { margin-top: 2em} #references li {width: 18.4%; margin-right: 2%; margin-bottom: 1em; float: left} #references .der {margin-right: 0} #references li img {width: 100%; display: block} #referencesV2{} #referencesV2 h4 {display: block; text-align:center; font-size:1.75em; font-weight:500; font-family: 'go', sans-serif; padding-bottom: 1.5em;line-height: 1.6em} #referencesV2 h4 span {font-size: 0.7em; color:#5C5C5C; display: block; padding-top: 0.6em; font-weight: 400; line-height: 1.5em} .overflowH {overflow: hidden} .refListeExt2 {padding-top:1em; padding-bottom:1.5em; width: 100%; position: relative} #refListeExt {width: 100%; /*height: 200px;*/ overflow: hidden; position: relative} #refListe {position: relative; width: 100%; z-index: 80; } /*.H #refListe {position: absolute; top: 0; left: 0; width: 9000px; z-index: 80}*/ #refListe li {display:block; float:left; width:12.5%} #refListe li.refliPREM {display: block; visibility: hidden} #refListe li img {width: 94%; display: block; margin-left: auto; margin-right: auto} #refListe li.ret {width: 100%; height: 0; float: none; margin: 0; padding: 0; clear: both} .H #refListe .liref {display: none} .H #refListe li.refliPREM {display: block} #refListeExtB {width: 100%; /*height: 200px;*/ overflow: hidden; position: relative} #refListeB {position: relative; width: 100%; z-index: 80; } #refListeB li {display:block; float:left; width:12.5%} #refListeB li.refliPREMB {display: block; visibility: hidden} #refListeB li img {width: 94%; display: block; margin-left: auto; margin-right: auto} #refListeB li.ret {width: 100%; height: 0; float: none; margin: 0; padding: 0; clear: both} .H #refListeB .lirefB {display: none} .H #refListeB li.refliPREMB {display: block} /* 1300 #refListe li {display:block; float:left; width:16.66%} */ /* mobile #refListe li {display:block; float:left; width:50%}*/ .blocbleu {background-color: #0b0e1f; padding:5em 0 6em 0; margin-top: 8em; position: relative; overflow: visible} .blocbleu.SansM {margin-top: 0} .blocbleu .T4G {width:62%; float: left} .blocbleu .lienTraitB2, .blocbleu .lienTraitB3 { margin-top: 2.5em; float: right; margin-right: 5.6%} #metiers{} #metiers h4 {display: block; text-align:left; font-size:1.75em; font-weight:500; font-family: 'go', sans-serif; padding-bottom: 1.5em; line-height: 1.6em} #metiers h4 span {font-size: 0.7em; color:#5C5C5C; display: block; padding-top: 0.6em; font-weight: 400; line-height: 1.5em} .blocmetier {background-color: #0b0e1f; padding:4em 0 4em 0; margin-top: 1em; position: relative; overflow:hidden} .H .blocmetier {visibility: hidden} .blocmetier h3, .blocmetier p {width:62%; margin-left: 5.6%;} .blocmetier h3 { position: relative; font-size: 1.75em; font-weight:500; font-family: 'go', sans-serif; padding-left: 2.5em; color:#fff; padding-top: 0.5em; z-index: 20} .blocmetier h3 img { position:absolute; top: 0; left: 0; width: 1.9em; transform-origin: 50% 50%} .blocmetier p {color:#fff; font-weight: 300; font-size: 1.4em; line-height: 1.7em; padding-top:1em; margin-top: 0; margin-bottom: 0; font-family: 'go', sans-serif; position: relative; z-index: 20; padding-left: 0.2em; /*padding-left: 3.05em;*/} .blocmetier a { position: absolute; top: 50%; margin-top: -2.5em; right: 5.6%; color:#fff; font-size: 1em; letter-spacing: 0.03em; font-family: 'go', sans-serif; padding:1.5em 0; display: inline-block; z-index: 20} .blocmetier a strong {position: relative; display: inline-block; padding-right:4.5em; font-weight: 500; padding-top: 0.6em} .blocmetier a img {width:3em; position: absolute; top: 0; right: 0; transform-origin: 50% 50%} .blocmetier a span {padding-bottom: 0.5em; position: relative; display: inline-block} .blocmetier a i {position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color:#fff; transform-origin: 0} .blocmetier .metierfond {position: absolute; top: 0; left: 0; opacity: 1; width: 100%; z-index: 10; display: none} .blocmetier1 {background-color: #0b0e1f; margin-top:2em; margin-bottom: 0em} .blocmetier2 {background-color: #06515c; margin-top:1em; margin-bottom: 0em} .blocmetier3 {background-color: #00949a; margin-top:1em; margin-bottom: 3em} #extCalendrier {position: relative} #calendrier {top:12em; right:20%; position:absolute; width:360px; height:530px; z-index: 30; background-color:#fff; border-radius:10px; overflow: hidden} .calendly-inline-widget {width:360px; height:530px} .blocbleuCalendrier {background-color: #0b0e1f; padding:5em 0 6em 0; margin-top: 8em; position: relative; overflow: visible} #temoignages {width:100%; padding-top:7em; padding-bottom: 15em; font-family: 'go', sans-serif; position: relative; z-index: 19; /*background-repeat: no-repeat; background-image: url("../Images/Fond-temoignages-Promolead-promoteurs.jpg"); background-size: cover; background-position: 50% 50%*/ overflow: hidden} .H #temoignages {visibility: hidden} #fondtemoignage {position: absolute; z-index: 0} #temoignages ul{} #temoignages li{width:21.5%; float: left; margin-right: 3%} #temoignages li a {display: block; transform-origin: 0 0; position: relative; z-index: 20} .H #temoignages li a {visibility: hidden} #temoignages li .photo {width: 100%; position: relative; z-index: 9; overflow: hidden} #temoignages li .photo img {width: 100%; transform-origin: 50% 50%} .tem {background-color: #f2f2f2; position:relative; z-index: 9; padding:4em 2em 6em 2em; border-bottom-right-radius:30px; /*min-height:js;*/ font-size: 0.95em; line-height: 1.7em; color:#111428; } .tem .entreprise {width:6.4em; height:auto; background-color: #FFFFFF; border-radius: 50%; position: absolute; top:-3.2em; left: 2.5em; z-index: 10; overflow: hidden; transform-origin:0 50%} .tem .entreprise img {width: 100%} .tem .plustem {position: absolute; bottom: 2em; left:2em; z-index:10; width:1.4em} .tem strong { font-weight:600; display: block} .tem p {font-weight:400; font-size: 0.95em; margin-top: 1em; padding: 0} #temoignages .lienTraitB {position: absolute; bottom:7em; right: 5%; z-index: 20} #offre {font-family: 'go', sans-serif} #offre h4 {display: block; text-align:left; font-size:2.2em; font-weight:500; font-family: 'go', sans-serif; padding-bottom:4em} .blocOffre1 {width: 30%; float: left; position: relative} .blocOffre1 .logoS {width:262px; height: auto; display: block; margin-bottom: 1em} .blocOffre2 {width: 26.5%; padding-left: 5%; float: left; position: relative} .blocOffre3 {width: 30%; padding-left: 5%; float: left} .Ointro {color:#535353; font-weight: 400; font-size: 0.95em; line-height: 1.7em; margin:4.2em 0 1.7em 0; padding: 0; display: block} .Ointro strong {font-weight: 500; color:#1a1a1a} .OintroSansM1 {margin:4.2em 0 0.8em 0} .OintroSansM2 {margin:2em 0 0.8em 0} .Oliste {} .Oliste li { background-image: url("../Images/Checka.png"); background-position:0 0.4em; background-size:1em; background-repeat: no-repeat; color:#787878; font-size: 0.85em; padding-left:1.65em; line-height:2em; display: block} .Oliste .prospect {color:#553e7c; font-weight: 500; background-image: url("../Images/Checkb.png");} .Oliste .academy {color:#3e89c7; font-weight:500; background-image: url("../Images/Checkc.png");} .Oliste .vide {background:none} .OlisteA, .OlisteB {float: left; display: inline-block} .OlisteA {margin-right: 2em} .Oliste li a {color:#5a5a5a; text-decoration: underline} .Oliste li a:hover {color:#000000; text-decoration:none} .Oinfo { display: block; font-size: 1.1em; font-weight: 500; line-height: 1.8em; padding-top:2em; padding-bottom: 0.7em} .Oinfo .mini { font-size: 0.75em} .Oinfo.colorA {color:#00949a} .Oinfo.colorB {color:#553e7c} .Oinfo.colorC {color:#3e89c7} .Obt {border-radius:19px; padding:1em 2.4em 1em 3em; display:inline-block; font-size:1.2em; font-weight:500; line-height: 1.2em; color:#fff; position: relative} .Obt.colorA {background-color:#00949a; } .Obt.colorB {background-color:#553e7c; } .Obt.colorC {background-color:#3e89c7; } .Obt img {position: absolute; top: 1.25em; left:1.6em; width: 0.65em} .Obt2 {border-radius:19px; padding:0.7em 0 0.7em 1em; display:inline-block; font-size:0.85em; font-weight:500; line-height: 1.2em; color:#767A80; position: relative} .Obt2 img {position: absolute; top: 1.1em; left:0; width: 0.5em} .Obt2:hover {color:#585C63} .Otitre {font-size: 1.45em; color:#909090; line-height: 1.6em; font-weight: 500; padding-top: 0.2em} .Otitre strong {color:#2e2d2d; font-weight: 500} .imgico1 {width: 125px; display: inline-block} .imgico2 {width: 125px; display: inline-block} .imgico2 img {width: 100%} .blocOffre1 .trait, .blocOffre2 .trait, .blocOffre3 .trait {width:2px; height: 100%; position: absolute; right: 0; top:0; background-color: #e8e7e7} #questions {padding-bottom:4.5em} #questions h4 {display: block; text-align:left; font-size:2em; font-weight:500; font-family: 'go', sans-serif; padding-bottom:1.6em; padding-top:4em} #questions a {color:#00949a; text-decoration: underline} #questions a:hover {color:#758d; text-decoration:none} #Galint {width:100%; position: relative} #Galint .imgGalint {width: 100%; position: relative; border-bottom-right-radius:1.2em} .H #Galint .imgGalint {width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; cursor: pointer} .H #Galint .imgGalintPrem { position: relative; z-index: 11} .H #Galint .imgGalint {visibility: hidden} #Galint #galint-suivant {width:5em; position: absolute; top: 50%; right:0; margin-top:-2.5em; background-color: #00949a; z-index: 12; cursor: pointer} #Galint #galint-suivant.coulH {background-color: #6a5f91} #Galint #galint-suivant.coulI {background-color: #94c265} #Galint #galint-suivant img {width: 100%} #Galint .infoGal {position: relative} .H #Galint .infoGal {display: inline-block; position: absolute; bottom:6em; left:-30px; z-index: 13} .H #Galint .infoGal { visibility: hidden} .infoGal strong {background-color: #00949a; padding:1em 2em 1em 1.3em; color:#fff; font-size: 1.4em; line-height: 1.6em; font-weight:400; display:block} .infoGal strong.coulH {background-color: #6a5f91} .infoGal strong.coulI {background-color: #94c265} .infoGal p {background-color: #fff; padding:1.8em 2em 2em 1.8em; color:#313131; font-size:0.95em; line-height: 1.9em; font-weight:400; display:block; margin: 0; border-bottom-right-radius:1.2em} #introvideo {width: 100%; position: relative; overflow: hidden; height: auto} #introvideo video {width: 100%} #aide {padding:10em 0; background-color:#00949a; background-image: url("../Images/Fond-aide-Promolead-prospection-fonciere.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover} #aide h4 { margin-left: 30%; color:#fff; font-size: 2.3em; font-weight:300; line-height: 1.6em; display: block} #aide a { margin-left: 30%; margin-top: 1.8em} .btpleinB { color: #fff; background-color: #0b1526; font-size:0.95em; padding: 1.3em 4.3em 1.3em 2em; display: inline-block; position: relative; line-height: 1.4em} .btpleinB img {position: absolute; top: 50%; width: 1.2em; margin-top: -0.6em; right:1.8em} #formations { width:100%; margin-left: auto; margin-right: auto; margin-top: 10em; max-width: 1920px} #formations ul {} #formations li {width:18.7%; display: block; float: left; margin-right:1.5%; position: relative; margin-bottom:7em} #formations li.vide { min-height:20px} #formations li.ret {clear:both; width:0; height:0; min-height: 0; line-height:0; margin:0; padding:0; float:none} #formations li.retM { display: none} #formations li.sansmarge {margin-right: 0} #formations .formationA, #formations .formationD {margin-top:4em} #formations li a {display: block; position: relative; z-index: 10; overflow: hidden;border-radius:30px; text-align: center; min-height: 440px} #formations .formationA a, #formations .formationC a {border:2px solid #e0ecf6; color:#3e89c7} #formations .formationB a, #formations .formationD a { margin: 2px 0; background-color: #000; color:#fff} #formations li a .icone {width:3.5em; margin: 7em auto 0 auto; display: block;position: relative; z-index: 12; transform-origin: 50% 50%} #formations li a strong { font-size: 1.2em; font-weight: 500; line-height: 1.55em; display: block; padding-top: 1.5em; padding-bottom:3em; position: relative; z-index: 12} #formations li a strong span { font-size: 0.75em; font-weight: 500; line-height: 1.55em; display: block; padding-top:0.4em; position: relative; z-index: 12} #formations li a .fondForm {width:100%; display: block; position: absolute; top: 0; left:0; z-index: 10; opacity: 0.48} #formations li a b {width:100%; height: 100%; display: block; position: absolute; top: 0; left:0; z-index:11; background-color: #3e89c7; visibility: hidden; transform-origin: 0 100%} #formations li span { font-size:0.9em; font-weight:400; text-align: center; display:block; position: absolute; z-index: 20; bottom: -1.3em; left: 0; width: 100%;pointer-events: none; } #formations li span i {display: inline-block; font-style: normal; padding: 0.6em 1.55em; border-radius:12px;background-color: #3e89c7; color: #fff; line-height: 1.6em; } .H #formations li {visibility: hidden} #offres { /*width:100%; margin-left: auto; margin-right: auto;*/ margin-top: 10em} #offres ul {} #offres li {width:30%; display: block; float: left; margin-right:5%; position: relative; margin-bottom:7em} #offres li.ret {clear:both; width:0; height:0; min-height: 0; line-height:0; margin:0; padding:0; float:none} #offres li.sansmarge {margin-right: 0} #offres li a {display: block; position: relative; z-index: 10; overflow: hidden;border-radius:30px; text-align: center; min-height: 440px} #offres .offreInt a {margin: 2px 0; background-color: #000; color:#fff } #offres li a .icone {width:3.5em; margin: 7em auto 0 auto; display: block;position: relative; z-index: 12; transform-origin: 50% 50%} #offres li a strong { font-size: 1.2em; font-weight: 500; line-height: 1.55em; display: block; padding-top: 1.5em; padding-bottom:3em; position: relative; z-index: 12} #offres li a strong span { font-size: 0.75em; font-weight: 500; line-height: 1.55em; display: block; padding-top:0.4em; position: relative; z-index: 12} #offres li a .fondForm {width:100%; display: block; position: absolute; top: 0; left:0; z-index: 10; opacity: 0.48} #offres li a b {width:100%; height: 100%; display: block; position: absolute; top: 0; left:0; z-index:11; background-color: #3e89c7; visibility: hidden; transform-origin: 0 100%} #offres li span { font-size:0.9em; font-weight:400; text-align: center; display:block; position: absolute; z-index: 20; bottom: -1.3em; left: 0; width: 100%;pointer-events: none; } #offres li span i {display: inline-block; font-style: normal; padding: 0.6em 1.55em; border-radius:12px;background-color: #3e89c7; color: #fff; line-height: 1.6em; } /*.H #offres li {visibility: hidden}*/ .focus {min-width:1305px; width: 78%; max-width: 1600px; margin-left: auto; margin-right: auto; font-family: 'go', sans-serif; position: relative} .focus h2 { display: block; text-align: center; font-size: 2.2em; line-height: 1.9em; position: relative; padding-top: 1.4em} .focus h2 span {font-weight: 300; display: block} .focus h2 strong {font-weight:500; display: block} .focus h2 i {width:3em; display:block; height: 2px; background-color: #00949a; position: absolute; top: 0; left:50%; margin-left: -1.5em; transform-origin: 50% 50%} .focusInt {width: 100%; position: relative;margin-top: 10em;} .focusContenu { background-color: #fff; padding:4em 10em 4em 5em; display: inline-block; position: relative; z-index: 10} .focusContenu .logoS {width:262px; height: auto; display: block; margin-bottom: 1em} .focusVisuel {position: absolute; top:5em; right: 0; width: 50%; z-index: 12} .focusVisuel .videointA {width: 100%; display: block} .videointA video {display: block} #maj {color:#575757; display: block; text-align: right; margin-top:3em; font-size: 0.9em} .articles {width: 76%; max-width: 1600px; padding-top:5.5em; padding-bottom:4em; margin-left: auto; margin-right: auto; position: relative} .articles h1 { /*font-family: 'go', sans-serif; */display: block; text-align: center; font-size:1.85em; line-height: 1.8em; position: relative; padding-bottom: 1.4em; margin-bottom:3em} .articles h1 span {font-weight: 300; display: block} .articles h1 strong {font-weight:700; display: block} .articles h1 i {width:3.6em; display:block; height: 2px; background-color: #00949a; position: absolute; bottom: 0; left:50%; margin-left: -1.8em; transform-origin: 50% 50%} .articlesG {float: left; width: 46%; margin-bottom: 10em} .articlesD {float: right; width: 46%; margin-bottom: 10em} .lienarticle { display: block; width: 100%; color:#000} .lienarticle img {position: relative; z-index: 10; width: 100%; display: block; transform-origin: 50% 50%} .lienarticle strong { font-weight:600; font-size: 1.2em; line-height: 1.7em; padding-top:1.3em; padding-bottom:0.4em; display: block} .desc { font-weight:400; font-size:0.95em; line-height: 1.7em; padding: 0; margin: 0; color:#949494; width:82%; display: block} .articlesC {width:100%; margin-bottom: 10em} .lienarticleC1 {width: 60%; float:left;} .lienarticleC1 img {position: relative; z-index: 10; width: 100%; display: block; transform-origin: 50% 50%} .lienarticleC2 {width: 36%; float:right} .lienarticleC2 a {color:#000} .lienarticleC2 strong { font-weight:600; font-size: 1.5em; line-height: 1.5em; padding-bottom:0.8em; display: block} .lienarticleC2 .desc {width: 90%} .lienarticleC2 .lienTraitC {font-size: 0.9em; font-weight:500; margin-top:0.8em } .articles .articlesextimg {background-color: #00949a; position: relative; overflow: hidden; width: 100%; height: auto} .lienarticle .traitsurv, .lienarticleC1 .traitsurv {width:3px; height:20%; background-color: #fff; position: absolute; top:0; left:8%; z-index: 20; visibility: hidden; transform-origin: 0 0} #introBlog {width: 100%; position: relative; z-index: 10;} #introBlogG {display: block; width:37%; float: left; height:auto;overflow:hidden; } #introBlogG img {width: 100%; display: block} #introBlogD {width:63%; float:right; position: relative; color:#000; background-color: #f4f7f8} #introBlogDint { margin-left:7.5%; margin-top: 5em; position: relative; z-index: 9; padding-bottom:8em} #introBlogD h1 {display: block;font-size:1.85em; width: 80%} #introBlogD h1 span {display: inline-block; line-height: 1.8em} #introBlogD h1 span.minititre {color:#00949a} #introBlogD p {font-family: 'go', sans-serif; width:600px; font-size: 1em; line-height: 1.8em; padding: 0; margin:3em 0 0 0} #flbasBlog {position: absolute; bottom:0.3em; left:0; width:1.7em; z-index: 10; transform-origin: 50% 50%} #flbasBlog img {width: 100%; display: block} .H #introBlogG img, .H #introBlogD, .H #introBlogD h1 span, .H #introBlogD p, .H #flbasBlog {visibility: hidden } .btlivre {font-size:1.1em; line-height: 1.5em; padding:1.1em 2.4em 1.1em 3.5em; margin:1.5em 0 0 0; background-color:#af333d; position: relative; color: #fff; display: inline-block; border-radius:50px} .btlivre img {width:0.8em; left: 1.8em; top: 50%; margin-top: -0.4em; position: absolute} .articleInt {width:72.5%; margin-left:auto; margin-right: auto; padding:9em 0} .articleInt h2 {font-size:1.75em; width: 32.2%; line-height: 1.7em; float: left; min-height: 1em; /*background-color:aqua;*/ } .articleCont {color:#222222; width:55%; max-width: 800px; float:left; margin-left: 6.4%; font-family: 'go', sans-serif; font-size: 1.1em; line-height:2em; font-weight: 400} .articleCont p {margin: 0; padding: 0 0 1.5em 0;} .articleCont p .lien {color:#00949a; text-decoration: underline} .articleCont p .lien.coulF {color:#563d7c} .articleCont p .lien.coulG {color:#2377bc} .articleCont p .lien:hover {color:#758d; text-decoration:none} .articleCont p strong {font-weight: 500} .articleCont h3 {font-weight: 500; font-size: 1.3em; display: block; padding-bottom:1em; line-height: 1.5em} .articleCont .pmini { font-size: 0.85em; line-height:1.6em} .articleCont span.texteMax01 { font-size: 1.6em; line-height:1.7em; display: block; padding:1em 0 0 0} .lignereduite { background-color: #e3f3f4; height: 3px; clear: both; width: 72.5%; margin: 0 auto} .imgblogreduite {width: 72.5%; margin: 0 auto} #basBlog {width: 72.5%; margin: 0 auto; padding:4.5em 0 10em 0} .retourBlog {width: 32.2%; float: left; padding-top:3.5em; position: relative;/*background-color: antiquewhite;*/ color:#5d6879; font-size: 1.5em; font-weight:500; line-height: 1.6em; display: block; } .retourBlog img {width: 3.3em; position: absolute; top: 0; left: 0; position: absolute; transform-origin:50% 50% } .articlesSuivant {width: 55%; max-width: 800px; float: left; margin-left: 6.4%} .articlesSuivant .articlesextimg {height: 280px; overflow: hidden; position: relative} .articlesSuivant .traitsurv {height:30%} /* Clients et temoignages */ #ClientsIntro { width:100%; position: relative; padding-bottom: 7em} #ClientsIntroG {width:37%; float: left; position: relative; z-index: 10} #ClientsIntroG h1 { margin-left: 15.4%; padding-top: 92px; padding-left: 22px; padding-bottom: 3em; display: block} #ClientsIntroG h1 strong { font-size:1.75em; display: block; font-weight:400; margin-right: 4%} #ClientsIntroG h1 span {display: inline-block} #ClientsIntroG h1 .anik {position: relative; overflow: hidden; line-height: 1.9em; } #ClientsIntroG h1 .anikint {position: relative} #ClientsIntroG h1 .trait {width:3.2em; height: 2px; background-color:#00949a; display: block; transform-origin: 0; margin:2.1em 0 2.5em 0} .H #ClientsIntroG .anikint, .H #ClientsIntroG .trait {visibility: hidden} .ClientsIntroD {width:63%; float:right; position: relative; margin-top:2.6em; z-index: 10} .ClientsCit {width:32%; float: left; border-radius:10px; margin-right: 1.5%; display: block} .ClientsCit .ClientsCitInt {padding:1.7em; position: relative;} .ClientCit-fd01 {background-color:#00949a; color:#fff} .ClientCit-fd02 {background-color:#fff; color:#2f2e2e; box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.05);} .ClientsCit .guillemets {position: absolute; z-index: 8; top:0.7em; font-size: 1em; left:1.7em; opacity:0.4} .ClientsCit .guillemets span {font-size:7em; line-height: 1em; font-style: normal} .ClientsCit img {position: absolute; z-index: 9; top:1.7em; right:1.7em; width:8em; display: block; height: auto} .ClientsCit p {position: relative; z-index: 10; font-size:1.35em; margin: 0; padding-top:3em; line-height: 1.6em} .ClientsCit .ClientsCitnom {position: relative; display: block; z-index: 10; font-size:1em; margin: 0; padding-top:4.4em; font-weight:400; padding-bottom: 0.3em} .ClientsCit .ClientsCitentreprise {position: relative; display: block; z-index: 10; font-size:1em; margin: 0; padding-top:0.3em; opacity:0.62} .ClientsCit .ClientsCitentreprise strong {font-weight: normal; text-transform: uppercase; } .ClientsCitVisuel {width:33%; float: right; height: 50px; /*JS*/ } .ClientsCitVisuel .ClientsCitVisuelInt {position: relative; width: 100%; height: 100%; overflow: hidden; border-top-left-radius: 10px; border-bottom-left-radius: 10px } .ClientsCitVisuel .ClientsCitVisuelInt img {position: absolute; top: 0; left: 0; width:auto; height: auto; z-index: 10} .ClientsCitVideo {width:32%; float:left; height: 50px; /*JS*/ margin-right: 1.5%; display: block} .ClientsCitVideo .ClientsCitVideoInt {position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 10px; } .ClientsCitVideo .ClientsCitVideoInt .ClientsCitVideoImg {position: absolute; top: 0; left: 0; width:auto; height: auto; z-index: 10} /* Fin Clients / temoignages */ .ClientsCitMini {width:16%; margin-left: 16%; float: left; border-radius:10px; margin-right: 1.5%; position: relative; overflow: hidden; display: block} .ClientsCitMini .ClientsCitMiniVisu {width: 100%; height: auto; display: block; position: relative; z-index: 10} .ClientsCitMiniPlayer {width: 100%; height: auto; display: block; position: absolute; z-index: 20; width: 4em; height: 4em; top:50%; left: 50%; margin-top: -2em; margin-left: -2em} @media screen and (max-width: 2500px) { .ClientsCit, .ClientsCitVideo {width:36%} .ClientsCitVisuel {width:25%} .ClientsCitMini {width:18%; margin-left: 18%; } } @media screen and (max-width: 2200px) { .ClientsCit, .ClientsCitVideo {width:40%} .ClientsCitVisuel {width:17%} .ClientsCitMini {width:20%; margin-left: 20%; } } .ClientsTitre {position: relative; z-index: 10; margin-top: 9em; display: block} .ClientsTitre h2 {font-size:3.1em; margin-left: 17%; position: relative; z-index: 11; display:inline-block; color:#000; font-weight: 300; line-height: 1.35em} .ClientsTitre h2 strong {color:#00999f; font-weight: 500} .ClientsTitre .ClientsTitreVisu { position: absolute; top: 100%; margin-top: -6em; left:5.735%; z-index: 10; width:15.5%; height: auto; overflow: hidden; border-radius: 10px} .ClientsTitre .ClientsTitreVisu img {width: 100%; height: auto; display: block} .ClientsIntroFond {width:27.5%; height:auto; position: absolute; bottom:0; right: 0; overflow: hidden; border-top-left-radius: 10px; border-bottom-left-radius: 10px} .ClientsIntroFond img {width: 100%; display: block} .ClientListe {width: 66%; max-width: 1280px; margin-left: auto; margin-right: auto; margin-top: 2.5em; padding-bottom:9em} .ClientListe h3 {font-size:1.9em; font-weight: 300; display:block; position: relative; padding-left:1.7em; padding-bottom: 0.2em} .ClientListe h3 strong {font-weight: 700} .ClientListe h3 img {position: absolute; top: 0; left: 0; width:1em} .ClientFiltre {padding-top:2.7em; display: block} .ClientFiltreTitre { display: inline-block; position: relative; font-weight: 400; font-size: 1.05em; float: left; margin-top:0.4em } .ClientFiltreTitre b {position: absolute; top: 0; left: 0; width: 1.3em} .ClientFiltreTitre span {padding-left:1.8em; font-weight: 400; color:#2a2a29} .ClientFiltreBT {display: inline-block; position: relative; font-size: 1.05em; border:#d4d5d5 solid 1px; border-radius: 10px; cursor: pointer; /*padding: 0.4em 0.7em;*/ padding: 0.8em 1.2em; margin-left: 1em; float: left; background-color: #f9fafa} #BTRealty {width:9.4em} #BTEnergy {width:9.6em} /*rapp0.9784*/ .ClientFiltreBT img {width: 100%} .ClientListeInt {padding-top:5em} .ClientListeInt li {margin-bottom:7em; display: block} .ClientListeInt li a {display: block} .ClientListeCont {background-color: #FFFFFF; border-radius: 10px; padding:1.2em 1.2em 1.2em 2.8em; box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.05);} .ClientListeG {width: 55%; padding-right: 10%; float: left} .ClientListeD {width: 34%; float: right; position: relative; height: auto; display: block} .ClientListeLogo {width:9em} .ClientListeLogo img {width: 100%; display: block} .ClientListeG p {width: 100%; font-size:1.6em; color:#00949a; line-height: 1.5em; padding: 0; margin: 0; margin-bottom:1.3em} .ClientListePhoto {width:16%; height: auto; display: block; float: left; border-radius: 50%; overflow: hidden; transform-origin: 50% 50%; margin-bottom: 1em} .ClientListePhoto img {width: 100%; display: block; transform-origin: 50% 50%} .ClientListeInfos { width: 84%; display: inline-block; float: left; padding-top:1em} .ClientListeInfos strong {font-size: 1.05em; color:#000000; line-height: 1.4em; font-weight: 500; display:block; padding-bottom: 0.1em; padding-left: 1.5em; } .ClientListeInfos span {font-size: 1.05em; color:#00949a; line-height: 1.4em; font-weight: 500; display:block; padding-left: 1.5em; } .ClientListeInfos span b { font-weight: 400; text-transform: uppercase; font-weight: 500; display:inline-block} .ClientType {position: absolute; top: 50%; left: 50%; margin-top: -1.5em; margin-left: -6.5em; z-index: 10; display: inline-block; font-size: 1.05em; border-radius: 10px; background-color: #FFFFFF; padding: 0.8em 1.5em; width: 10em} .ClientType img {width: 100%; display: block} .ClientTypeVisu {border-radius: 10px; overflow: hidden; display: block; width: 100%; position: relative; z-index: 9; transform-origin: 50% 50%} .ClientTypeVisu img {display: block; width: 100%; transform-origin: 50% 50%} .ClientSuiteExt {text-align: right} .ClientSuite {display: inline-block; padding-right: 3.4em; font-size: 1.05em; font-weight:400; position: relative; color:#2a2a29; margin-top:0.9em; padding-top:0.3em; padding-bottom: 0.4em} .ClientSuite b {width: 2em; position: absolute; top:0; right: 0; display:inline-block} #introContact {width: 100%; position: relative; z-index: 10; -webkit-user-select:text; -moz-user-select:text; -khtml-user-select:text; -ms-user-select:text} #introContactG {display: block; width:37%; float: left; height:auto;overflow:hidden; position:relative; background-color: #0f303d} #introContactG .contactInfos {z-index: 11; position: relative; margin-left: 15.4%; padding-top:6em; padding-left: 22px; font-family: 'go', sans-serif; color:#fff; padding-bottom:6em} #introContactG .contactFond {z-index: 10} .contactInfos ul { margin-bottom: 3em} .contactInfos li { margin-bottom: 0.9em} .contactInfos li a { display: inline-block; padding: 0.5em 0 0.5em 2.8em; position: relative; color:#fff; font-size: 1.1em; letter-spacing: 0.06em; line-height: 1.7em;} .contactInfos li a img {position: absolute; top:0.4em; left: 0; width:2em} .contactInfos .societe {font-size: 0.8em; color:#fff; line-height: 2em; letter-spacing: 0.06em} .contactInfos .societe strong {font-weight: 400; font-size: 0.95em; color:#c6ced4; display: block; text-transform: uppercase} .contactInfos .societe a {color:#fff; text-decoration: none} #introContactD {width:63%; float:right; position: relative; color:#000; background-color: #f4f7f8} #introContactDint { margin-left:7.5%; margin-top:6em; position: relative; z-index: 9} #introContactD h1 {display: block;font-size:1.95em; width: 80%; font-weight: 400; line-height: 1.5em} #introContactD h1 .mini {font-size: 0.75em} .H #introContactG, .H #introContactD {visibility:hidden} ::-webkit-input-placeholder {color:#19263a; } :-moz-placeholder {color:#19263a; opacity: 0.8; } ::-moz-placeholder {color:#19263a;opacity: 0.8;} :-ms-input-placeholder {color:#19263a;} ::-ms-input-placeholder {color:#19263a;} ::placeholder {color:#19263a;} #formulaire {display:block; text-align:left; margin:1.8em 0 0 0; padding-bottom:6em; width:630px; font-size:1em; font-family: 'go', sans-serif; font-weight:400; letter-spacing:0.04em} #formulaire .formgauche {width:47%; float:left; margin:0.6em 0 0 0;} #formulaire .formdroite {width:47%; float:left; margin:0.6em 0 0 6%} #formulaire input {color:#19263a; font-size:1em; border:none; padding:0.4em 0; font-family: 'go', sans-serif; font-weight:400; border-bottom:1px solid #5f6060; background:none; border-radius:0; letter-spacing: 0.07em} #formulaire input:hover {color:#08152b; background-color: rgba(255, 255, 255, 0.1);border-bottom:1px solid #000; } #formulaire textarea{margin:2em 0 0 0; height:10em; color:#0d2243; border:none; padding:1em 4% 0.8em 4%; background-color: rgba(255, 255, 255, 1); width:92%; border-radius:20px; font-size:1em; font-family: 'go', sans-serif; font-weight:400; line-height: 1.8em} #formulaire textarea:hover {color:#08152b; background-color: rgba(255, 255, 255, 0.9);} #formulaire #envoyer {color:#fff; text-transform:uppercase; background-color:#00949a; border-radius:20px;display:block; border:none; padding:1.1em 3em 1.1em 4em; min-width:50%; font-size:1em; background-image:url(../Images/fl2.png); background-repeat:no-repeat; background-position:2em 50%; background-size:0.65em; line-height:1.2em; letter-spacing:0.2em; margin:2.2em 0 1.3em 0; cursor:pointer; text-align:left; font-weight:500; font-family: 'go', sans-serif;} #rgpdExt {width: 100%; text-align:left; font-size:1em} #formulaire [type="checkbox"]:not(:checked), #formulaire [type="checkbox"]:checked {position: absolute;left: -9999px;} #formulaire [type="checkbox"]:not(:checked) + label, #formulaire [type="checkbox"]:checked + label { position:relative; cursor: pointer;display:inline-block; padding:0.3em 0 0 2.3em; font-size:1em; line-height:1em; margin-top:1em;} #formulaire [type="checkbox"]:not(:checked) + label:before, #formulaire [type="checkbox"]:checked + label:before {content: '';position: absolute;left:0; top:0em; width:1.2em; height:1.2em; background:#ffffff; border-radius:3px; border:2px solid #00949a} #formulaire [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {content: '✔';position: absolute;top:2px; left: 0.3em;font-size: 1em; line-height: 1em; color:#042532; transition: all .2s; font-weight:400} #formulaire [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);} #formulaire [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } #formulaire label {color:#19263a; line-height: 1.6em} #formulaire label a {color:#19263a} #formulaire label a:hover {color:#00949a; text-decoration:underline} #formulaire #captcha {padding:1.6em 0 0.4em 0; display:block;font-family: 'go', sans-serif; font-size: 1.1em} #formulaire #captcha strong {display: inline-block; font-size: 1em; letter-spacing: 0.05em; font-weight:500;font-family: 'go', sans-serif;} #formulaire #captchaform {width: 100%} #message-requete {font-family: 'go', sans-serif;margin:0; letter-spacing:0.02em; font-size:1.3em; position:fixed; top:50px; left:50%; margin-left:-300px; width:500px; z-index:9999; background-color:#fff; padding:50px; border-radius:12px; display:none; position:fixed; color:#0d2243; cursor:pointer; background-image:url(../Images/croix.png); background-size:30px; background-position:96% 20px; background-repeat:no-repeat} #message-requete h3 {color:#000; font-weight:500; padding-bottom:10px; font-size:1.1em; line-height: 1.6em} #message-requete ul {margin:10px 0 10px 0; padding:0; list-style:none} #message-requete ul li {list-style:none; padding:0.4em 4px 0.4em 2em; font-size:0.8em; margin:1px 0 0 0; display:block; width:auto} #message-requete .message-ok { background-image:url(../Images/valide.png); background-repeat:no-repeat; background-position:5px 50%; background-size:1em; font-size:0.9em; font-weight:600} #message-requete .message-erreur { background-image:url(../Images/erreur.png); background-repeat:no-repeat; background-position:5px 50%; background-size:1em} #fondmessage {background-color:#262727; z-index:9998; position:fixed; width:100%; height:100%; top:0; left:0; display:none} .bold {font-weight:700} .light {font-weight: 300} .coulA {color:#047f8e } .coulB {color:#000 } .coulC {color:#4b535c} .coulC strong {color:#2e2d2d; } .coulD {color:#fff} .coulD strong {color:#fff; } .coulE {color:#00949a} .coulF {color:#563d7c} .coulG {color:#2377bc} .coulH {color:#6a5f91} .coulI {color:#94c265} .coulIci01{fill:#00949a;} .coulIci02{fill:#a1c154;} .fondgris { background-color:#fbfafa} .fondlight {background-color: #d9eff0} .fondlight2 { background-color:#f9fafa} .paddH23 {padding-top:23em}.paddH18 {padding-top:18em}.paddH15 {padding-top:15em}.paddH13 {padding-top:13em} .paddH12{padding-top:12em}.paddH11 {padding-top:11em}.paddH10 {padding-top:10em}.paddH6 {padding-top:6em} .paddH4 {padding-top:4em}.paddH2 {padding-top:2em} .paddB15 {padding-bottom:15em}.paddB12 {padding-bottom:12em}.paddB11 {padding-bottom:11em}.paddB10 {padding-bottom:10em}.paddB7 {padding-bottom:7em} .paddB4 {padding-bottom:4em} .paddB3 {padding-bottom:3em} .margH18 {margin-top: 18em} .margH17 {margin-top:17em}.margH15 {margin-top:15em}.margH13 {margin-top:13em}.margH11 {margin-top:11em} .margH7 {margin-top:7em}.margH6 {margin-top:6em}.margH4 {margin-top:4em} .margH3 {margin-top:3em} .lienTraitA { color:#fff; font-size: 1em; letter-spacing: 0.03em; font-family: 'go', sans-serif; padding:1.5em 0} .lienTraitA strong {position: relative; display: inline-block; padding-left:4.5em; font-weight: 500; padding-top: 0.6em} .lienTraitA img {width:3em; position: absolute; top: 0; left: 0; transform-origin: 50% 50%} .lienTraitA span {padding-bottom: 0.3em; position: relative; display: inline-block} .lienTraitA i {position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color:#00949a; transform-origin: 0} .lienTraitB { color:#fff; font-size: 1em; letter-spacing: 0.03em; font-family: 'go', sans-serif; padding:1.5em 0; display: inline-block} .lienTraitB strong {position: relative; display: inline-block; padding-right:4.5em; font-weight: 500; padding-top: 0.6em} .lienTraitB img {width:3em; position: absolute; top: 0; right: 0; transform-origin: 50% 50%} .lienTraitB span {padding-bottom: 0.5em; position: relative; display: inline-block} .lienTraitB i {position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color:#fff; transform-origin: 0} .lienTraitB2 { color:#fff; font-size: 1em; letter-spacing: 0.03em; font-family: 'go', sans-serif; padding:1.5em 0; display: inline-block} .lienTraitB2 strong {position: relative; display: inline-block; padding-right:4.5em; font-weight: 500; padding-top: 0.6em} .lienTraitB2 img {width:3em; position: absolute; top: 0; right: 0; transform-origin: 50% 50%} .lienTraitB2 span {padding-bottom: 0.5em; position: relative; display: inline-block} .lienTraitB2 i {position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color:#00949a; transform-origin: 0} .lienTraitB3 { color:#fff; font-size: 1em; letter-spacing: 0.03em; font-family: 'go', sans-serif; padding:1.5em 0; display: inline-block} .lienTraitB3 strong {position: relative; display: inline-block; padding-right:4.5em; font-weight: 500; padding-top: 0.6em} .lienTraitB3 img {width:3em; position: absolute; top: 0; right: 0; transform-origin: 50% 50%} .lienTraitB3 span {padding-bottom: 0.5em; position: relative; display: inline-block} .lienTraitB3 i {position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color:#fff; transform-origin: 0} .lienTraitC { color:#000; display: inline-block; font-size:1.05em; font-weight: 500; letter-spacing: 0.03em; font-family: 'go', sans-serif; padding:1em 0 0.3em 0; position: relative; line-height: 1.4em} .lienTraitC i {position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color:#00949a; transform-origin: 0} .depliA {font-weight:600; color:#a3a2a2; font-size: 1.3em; padding:1.2em 3em 1.2em 0; border-top:1px solid #e6e8ec; position: relative; display: block; width:48%; line-height: 1.4em; cursor: pointer; z-index: 30} .depliA .cerclePlus2 {width:1.1em;position: absolute; display: block; top:1.2em; right: 0; border:1px solid #fff; border-radius: 50%; transform-origin: 50% 50%} .depliA .cerclePlus2 img {display: block; width: 100%; transform-origin: 50% 50%} .depliB {padding-top:1em; padding-bottom: 3em; position: relative; z-index: 20; width: 50%; font-size: 1.2em; line-height:1.8em; color:#393939} .H .depliB {display: none} .Texteselect {-webkit-user-select:text; -moz-user-select:text; -khtml-user-select:text; -ms-user-select:text} .H .aniTitre1 span {visibility: hidden} .H .ano0, .H .ano02 {visibility: hidden} .H .ans1, .H .ans2 {visibility: hidden; transform-origin:50% 50% } .H .any1, .H .any2, .H .any3 {visibility: hidden; transform-origin: 50% 50% } .H .ansx {visibility: hidden; } .H .anys1 {visibility: hidden; transform-origin: 50% 50% } @media screen and (max-height:730px) , screen and (max-width: 1650px) { body {font-size: 0.8em} .H #load {width:40px; /*height:10px*/margin-top:-5px; margin-left:-20px;} #logo {width:210px} .logonav {width:210px} #nav {padding-bottom:59px} #navG {padding-top:94px;} #navD {padding-top:100px} #introG h1 {padding-top: 73px; padding-left:18px} #introG .logointroG {width: 140px} .reseaux {width:40px; margin-left: 170px} .reseaux a {width: 37px; height: 37px} .TitreBloc {padding-left:18px} .bloc i {margin-left: -315px; margin-top: -315px; width:630px; height:630px} .logoFonct {width: 130px} .H #galerieGde h3 {margin-left: 18px} .T3, .T4 {padding-left:18px} .T4 .citation {left:18px} .T4 .citation2 {left: 18px} .ext1 {width:1044px} .blocOffre1 .logoS {width:210px; margin-bottom: 1em} .solu {width:320px;margin-right: 42px; margin-top:5em; font-size: 0.9em} .solu.sansMarge {margin-right: 0} .solu .logoS {width:128px} .titreS {bottom:14%} .cont {width:458px} #calendrier {top:12em; right:15%;} .blocbleuCalendrier {padding:5em 0 13em 0; margin-top: 8em} .imgico1, .imgico2 {width:100px} .H #Galint .infoGal {left:-27px} #formations li a {min-height: 350px} .focus {min-width:1044px} .focusContenu .logoS {width:210px; margin-bottom: 1em} .lienarticle .traitsurv, .lienarticleC1 .traitsurv {width:2px} .articlesSuivant .articlesextimg {height:250px} #introBlogDint { margin-top:4.2em; padding-bottom:7em} #introBlogD p {width:480px; margin:2.8em 0 0 0} #introContactG .contactInfos {padding-left: 18px} #formulaire {width:504px} #message-requete {top:40px; margin-left:-240px; width:400px;padding:40px; background-size:26px; background-position:96% 16px} #message-requete h3 {padding-bottom:8px} #message-requete ul {margin:8px 0 8px 0} #remonte {width:37px; height:37px} #remonte img {width:16px; margin-left:-8px; margin-top:-8px} #ClientsIntroG h1 {padding-top: 73px; padding-left: 18px} .ClientListePhoto {width:16%} .ClientListeInfos { width: 84%; padding-top:0.7em} .ClientsCit .ClientsCitnom {padding-top:3.5em} } @media screen and (max-height:570px) , screen and (max-width:1320px) { body {font-size: 0.72em} #logo {width:189px} .logonav {width:189px} #nav {padding-bottom:53px} #navG {padding-top:83px;} #navD {padding-top:90px} #introG h1 {padding-top:65px; padding-left:16px} #introG .logointroG {width:126px} .TitreBloc {padding-top:1.7em; padding-left:16px} .TitreBloc h3 { font-size:1.7em} .TitreBloc span {line-height: 1.8em} .TitreBloc .trait {margin:1.6em 0 2em 0} .TitreBloc .soustitre {line-height:1.8em} .bloc i {margin-left: -275px; margin-top: -275px; width:550px; height:550px} .fonctGint {padding-left: 10%; width: 70%; padding-bottom:4em;} .logoFonct {width: 115px} .reseaux {width:36px; margin-left: 153px} .reseaux a {width: 33px; height: 33px} .mentions {bottom:2em; right:2.5em} .H #galerieGde h3 {margin-left: 16px} .T3, .T4 {padding-left:16px} .T4 .citation {left:16px} .T4 .citation2 {left:16px} .ext1 {width:940px} .blocOffre1 .logoS {width:189px; margin-bottom: 1em} .solu {width:288px;margin-right: 38px; margin-top:4em; font-size: 0.9em} .solu.sansMarge {margin-right: 0} .solu .logoS {width:115px} .cont {width:412px} .imgico1, .imgico2 {width:90px} #calendrier {top:12em; right:10%;} .blocbleuCalendrier {padding:5em 0 18em 0; margin-top: 8em} .H #Galint .infoGal {left:-25px} #formations {margin-top: 8em} #formations li {font-size: 0.95em} #formations li.sansmarge {margin-right: 0} #formations .formationA, #formations .formationD {margin-top:2.7em} #formations li a {min-height:300px} #formations li a .icone {width:3.5em; margin:6em auto 0 auto} .focus {min-width:940px; width: 78%;} .focusContenu .logoS {width:189px; margin-bottom: 1em} .articles {width: 80%;padding-top:4em; padding-bottom:3em} .articles h1 { font-size:1.85em; line-height: 1.8em; } .lienarticle .traitsurv, .lienarticleC1 .traitsurv {width:2px} #introBlogD p {width:432px} .articlesSuivant .articlesextimg {height:220px} .articleInt h2 {font-size:1.65em} .retourBlog {font-size: 1.4em} #introContactG .contactInfos {padding-left:16px} #formulaire {width:453px} #formulaire [type="checkbox"]:not(:checked) + label, #formulaire [type="checkbox"]:checked + label { padding:0.4em 0 0 2.3em} #formulaire [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {top:3px; left: 0.4em;} #refListe li {display:block; float:left; width:16.66%} #refListeB li {display:block; float:left; width:16.66%} #ClientsIntroG h1 {padding-top:65px; padding-left: 16px} .ClientsTitre h2 {margin-left: 15%} .ClientListe {width:70%} .ClientListeG {width: 60%; padding-right:5%} .ClientsCit p {font-size: 1.25em} .ClientsCit .ClientsCitnom {padding-top:2.5em} } @media screen and (max-height:460px) , screen and (max-width:1140px) { #logo {margin-left:12%;} .logonav {margin-left:17.14%} .reseaux {left: 17.14%} .mentions {bottom:0.5em; right:2em} .ni1, .ni2, .ni3, .ni4 {float: left; position: relative; display: block; height: 100%} .ni1 {width: 25.6%;} .ni2 {width: 20%; padding-left: 2%} .ni3 {width: 20%; padding-left: 2%} .ni4 {width:28%; padding-left: 2%} #nav {padding-bottom:47px} #navG {padding-top:74px;} #navD {padding-top:81px} #introG h1 {padding-top:58px; margin-left:12%} #introG h1 strong { font-size:1.6em} .TitreBloc {margin-left: 12%; padding-top:1.7em} .TitreBloc h3 { font-size:1.6em} .TitreBloc span {line-height: 1.7em} .TitreBloc .trait {margin:1.2em 0 1.6em 0} .TitreBloc .soustitre {line-height:1.7em; font-size: 0.9em} .bloc {font-size: 0.85em} .bloc .fleche {bottom:2em; right: 2em} .bloc i {margin-left: -225px; margin-top: -225px; width:450px; height:450px} #fonctionnalites-details {margin-top:16em} .fonctGint {padding-left: 10%; width:80%; padding-bottom:3em} .fonct h2 {margin-top:2em} .fonct p {font-size:0.95em} .fonct p.pint {font-size:0.95em} .depliFonctA {font-size: 1.2em; padding:0.8em 1.5em 0.8em 0} .depliFonctA .cerclePlus2 {top:1em} .H #galerieGde h3 {left:4.44%} .T3, .T4 {margin-left:4.44%} .H #galerieGde .infoGde {padding:2.3em 4.2em 3.6em 3em; font-size: 0.95em} .infoGde h2 {font-size:1.7em} .ext1 {width:846px} .solu {width:260px;margin-right: 33px; margin-top:4em; font-size: 0.9em} .solu.sansMarge {margin-right: 0} .logoS {width:104px} .cont {width:370px} .blocbleu {margin-top:7em} .blocbleu.SansM {margin-top: 0} .blocbleu .T4G { font-size:1.6em} .blocbleu .lienTraitB2, .blocbleu .lienTraitB3 { margin-right:4.44%} .blocvert {margin-top:1em; margin-bottom: 1em} #calendrier {top:11em; right:10%;} .blocbleuCalendrier {padding:5em 0 20em 0; margin-top: 7em} .depliA, .depliB {width:60%; } .H #Galint .infoGal {left:-22px} #formations li {font-size: 0.85em} #formations .formationA, #formations .formationD {margin-top:3em} #formations li a {min-height: 250px} #formations li a .icone {margin:5.5em auto 0 auto} .focus {min-width:846px; width: 78%;} .margH18 {margin-top: 12em} #introBlogD h1 {font-size:1.7em} .articleInt {width:87%; padding:7em 0} .articleInt h2 {width: 35%; } .articleCont {width:55%; margin-left: 5.4%} .lignereduite { height:2px; width: 87%; } .imgblogreduite {width: 87%; } #basBlog {width: 87%; padding:4.5em 0 8em 0} .retourBlog {width: 35%;} .articlesSuivant {width: 55%; margin-left: 5.4%} #introContactG .contactInfos {margin-left: 12%} #ClientsIntroG h1 {padding-top: 58px; margin-left: 12%} #ClientsIntroG h1 strong { font-size:1.6em} .ClientsCit p {font-size: 1.2em} .ClientsCit .ClientsCitnom {padding-top:2.5em} .ClientsCit, .ClientsCitVideo {width:46%} .ClientsCitVisuel {width:5%} .ClientsCitMini {width:23%; margin-left: 23%; } .ClientsTitre h2 {margin-left: 13%} .ClientListe {width:74%} .ClientListePhoto {width:20%;} .ClientListeInfos { width: 80%; padding-top:1em} .ClientListeG p {font-size: 1.4em} } /*@media screen and (max-height:420px) , screen and (max-width:980px) {*/ @media screen and (max-width:980px) { #MOB {display: block} .retMob {display:block; clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none} #nav {padding-bottom:30px} #navG {width:100%;padding-top:40px; float:none} #logo {margin-left:5%} #navD, #menu, #menu-secondaire{display:none} .navigation {width:100%; height:auto; position:relative; left:0;background-color:#0b0e1f} .H .navigation {width:100%; height: 100%; position: fixed; left:102%; bottom: 0; z-index:900; overflow:hidden; transform-origin:0 100%} .navigation .fondnav {display: none} .H .navigation .fondnav {display:none; position:absolute; z-index:900; top:50%; left:50%; width: auto; height: auto} .navigationInt {width:100%; height:100%; overflow: scroll; overflow-y: scroll; overflow-x: hidden;} .H .navigationInt {height:100%} .H #bas {height:auto; min-height: auto} #bas .navigation {width:100%; height:100%; position:relative; left:0;background-color:#0b0e1f} .H #bas .navigation {width:100%; height:100%; position:relative; left:0; bottom: 0; z-index:10; overflow:hidden; transform-origin:0 100%} #bas .navigation .fondnav {display:block; position:absolute; z-index:10; top:50%; left:50%; width: auto; height: auto} #bas .navigationInt {height:auto; overflow: visible; position: relative; z-index:11;} .H #bas .navigationInt {height:auto} .ni1, .ni2, .ni3, .ni4 {height:auto; position: relative; max-width:400px; padding-left: 0} .ni1 {width: 90%; margin-left: 5%; float: none; padding-top:40px; padding-bottom:30px} .ni2 {width: 90%; margin-left: 5%; float: none; padding-top:15px; padding-bottom:15px; font-size: 1.5em} .ni3 {width: 90%; margin-left:5%; float: none; padding-top:15px; padding-bottom:15px; font-size: 1.2em} .ni4 {width: 90%; margin-left:5%; float: none; padding-top:15px; padding-bottom:15px; font-size: 1.2em} .navigationInt .filet {width:100%; height:1px; top:100%; left: 0; transform-origin: 0 0} .ni1 .filet {background-color: rgba(255, 255, 255, 0.17)} .logonav {height: auto; margin-left:0} #bas .logonav { margin-top: 3em} .reseaux {width:120px;left:0; margin-left:280px; bottom: 0; margin-bottom:30px;} .reseaux li {margin-top: 0; display:block;width:35px; /*float: left;*/float: right; margin-left: 5px} .reseaux .retMob {margin:0; display:block; float:none} .reseaux a {width:33px; height:33px} .ni2 ul, .ni3 ul, .ni4 ul {margin-top:0} .ni4 a .bt {padding:0.9em 3.7em 0.7em 2.8em; line-height: 1.6em} .mentions {position:relative; bottom:0; right:0; padding-left: 5%; width: 95%; display: block; padding-bottom:10em} #intro {width: 100%; height:auto} #introG {width:100%; float:none; height:auto} #introG h1 { margin-left:5%; padding-top:2.5em; padding-left:16px; padding-bottom:6em} #introG h1 strong { font-size:1.75em; display: block; margin-right: 4%} #introG h1 .trait {width:3.2em; margin:1.6em 0 2em 0} #introG h1 .soustitre {font-size:1.1em; line-height:1.9em;} #introD {width:100%; float:none; height:480px; position: relative; overflow:hidden} .H #intro, .H #introG .anikint, .H #introG .trait, .H #introG h1 .soustitre {visibility: hidden} #introBloc {width:100%; float:none} .TitreBloc {margin-left: 5%; padding-top:4em; padding-left:16px; padding-bottom:6em} .TitreBloc h3 { font-size:1.75em} .TitreBloc span {line-height: 1.9em} .TitreBloc .trait {width:3.2em; margin:1.6em 0 2em 0} .TitreBloc .soustitre { font-size: 1.1em; line-height: 1.9em} .bloc {width:25%; font-size: 0.9em} .bloc .fleche {bottom:1.5em; right: 2em} .blocvide { display: none} .retbloc { display: none} .bgmob1 {background-color: #f8f8fa} .bgmob2 {background-color: #ffffff} #fonctionnalites-details {margin-top:16em} .fonctG, .fonctD {width: 100%; float:none} .fd1 .fonctbg, .fd2 .fonctbg { display: none} .fonctGint {padding-left: 12%; width: 76%; padding-bottom:8em;} .logoFonct {top:2.4em; width: 140px} .fonct h2 {margin-top:1.9em} .fonct p, .fonct p.pint {font-size:1.2em; line-height:1.8em} .depliFonctA {font-size: 1.6em} .depliFonctB {font-size:1.2em; line-height:1.8em} .H #galerieGde h3 {left:5%; font-size: 1.5em; margin-left:16px} .H #galerieGde .infoGde {padding:2.3em 3em 3.6em 3em; font-size: 0.95em} .infoGde h2 {font-size:1.4em} .T3 {margin-left:5%; font-size: 1.5em; padding-left:16px} .T4 {margin-left:5%; font-size: 1.6em; padding-left:16px} .blocbleu {margin-top:5em} .blocbleu.SansM {margin-top: 0} .blocbleu .T4G { font-size:1.6em; width:auto; padding-right: 0.7em; float:none} .blocbleu .lienTraitB2, .blocbleu .lienTraitB3 { float:none; margin-right:0; margin-left: 5%;padding-left:16px} .blocvert {margin-top:1em; margin-bottom: 3em} #extCalendrier {padding-bottom: 3em} #calendrier {top:0; right:0; margin-left:15%; margin-top: 2em; position:relative; width:450px} .blocbleuCalendrier {background-color: #0b0e1f; padding:5em 0 6em 0; margin-top:5em} .calendly-inline-widget {width: 450px} .ext1 {width:630px} .solu {width:190px;margin-right:30px; margin-top:4em; font-size: 0.9em} .solu.sansMarge {margin-right: 0} .logoS {width:90px} .titreS {bottom:14%; bottom:10%; width: 90%; left: 5%} .titreS strong {font-size: 1.05em; letter-spacing: 0.03em; } .titreS p {font-size: 1em} .aS {font-size: 0.95em; } .bS {display: none} .cont {width:290px; font-size: 0.9em} .cont .p {font-size: 1.25em} .cont .argument {font-size:1.4em} .depliContA {font-size: 1.3em} #references h4 {font-size:1.7em} #metiers{} #metiers h4 {font-size:1.5em;} .blocmetier h3 { font-size: 1.5em;margin-left: 5%; } .blocmetier p {font-size: 1.2em;} #temoignages {padding-bottom:10em; background-color: #00949a} #fondtemoignage { display: none} #temoignages li {width:40%; margin-right: 6%; margin-bottom:5em} #temoignages .lienTraitB {bottom:7em; right:14%} #offre h4 {font-size:2em} .blocOffre1 {width: 45%; float: left; position: relative; } .blocOffre2 {width: 40%; padding-left:5%; float: left; position: relative; } .blocOffre3 {width: 95%; padding-left:0%; float: left; display: none} .blocOffre2 .trait {display: none} #questions h4 {font-size:1.6em; padding-bottom:1.6em; padding-top:4em} .depliA, .depliB {width:70%; } #Galint {margin-bottom:70px} .H #Galint .infoGal {bottom:-70px; left:-20px} #introvideo { height: 350px} #introvideo video {width:140%; position: absolute; left: -5px;} #aide h4 { margin-left:20%; font-size: 2.2em} #aide a { margin-left:20%} #formations {margin-top:7em} #formations li {width:31%; margin-right:1.5%; margin-bottom:7em} #formations li.vide { display: none} #formations li.ret { display: none} #formations li.retM { display:block; clear:both; width:0; height:0; min-height: 0; line-height:0; margin:0; padding:0; float:none} #formations li.sansmarge {margin-right:1.5%} #formations .formationA, #formations .formationD {margin-top:0em} #formations li a {border-radius:20px;min-height:250px} #formations li a .icone {margin:5em auto 0 auto} .focus {min-width:400px; width:60%} .focus h2 {font-size: 2em} .focusInt {margin-top: 7em;} .focusContenu {padding:4em 1em 4em 5em; display:block;} .focusVisuel {position: relative; width: 100%; top: 0} .margH18 {margin-top: 10em} .articles {width:90%} .articles h1 {font-size:1.6em; line-height: 1.7em} .articlesG {margin-bottom: 8em} .articlesD {margin-bottom: 8em} .lienarticle strong { font-size: 1.1em; line-height: 1.6em; padding-top:1.2em; padding-bottom:0.3em} .desc { font-size: 0.9em; line-height: 1.6em; width:100%} .articlesC {margin-bottom: 8em} .lienarticleC2 strong { font-size: 1.3em; line-height: 1.5em; padding-bottom:0.6em; display: block} .lienarticleC2 .desc {width:100%} .lienarticleC2 .lienTraitC {font-size: 0.9em; margin-top:0.7em } .articles .articlesextimg {background-color: #fff} #introBlogDint { margin-left:7.5%; margin-top:2em; padding-bottom:1.5em} #introBlogD h1 {font-size:1.85em; width:95%} #introBlogD p {width:90%; margin:2.8em 0 0 0} #flbasBlog { display: none} .articleInt {width:75%; padding:6em 0} .articleInt h2 {font-size:1.75em; width:100%; float:none; padding-bottom: 2em} .articleCont {width:100%; max-width:100%; float:none; margin-left:0%} .lignereduite {width: 75%} .imgblogreduite {width: 75%} #basBlog {width: 75%; margin: 0 auto; padding:4.5em 0 8em 0} .retourBlog {width: 35%} .articlesSuivant {width: 60%; max-width:60%; margin-left:5%} .articlesSuivant .articlesextimg {height:180px} #introContactG .contactInfos {margin-left:5%} #formulaire {width:92%} #formulaire .formgauche {margin:1em 0 0 0;} #formulaire .formdroite {margin:1em 0 0 6%} #formulaire #envoyer {padding:1.2em 3em 1em 4em; } #rgpdExt {font-size: 0.9em} #menu-secondaireFIXE {top:unset; right:unset; bottom:10px; left:10px} #menu-secondaireFIXE li .style2 {padding:18px 28px 18px 28px;font-size: 16px} #menu-secondaireFIXE .style2 span {line-height: 15px} #menu-secondaireFIXE li .avecimg {padding-left:64px} #menu-secondaireFIXE li .avecimg img {left: 22px; width:30px; margin-top: -15px;} #remonte {display: none} /* Clients et temoignages */ #ClientsIntro {padding-bottom: 7em} #ClientsIntroG {width:100%; float:none} #ClientsIntroG h1 { margin-left:5%; padding-top:4em; padding-left:16px; padding-bottom: 4em} #ClientsIntroG h1 strong { font-size:1.75em; margin-right: 4%} #ClientsIntroG h1 .trait {width:3.2em; margin:1.6em 0 2em 0} .ClientsIntroD {width:auto; float:none; margin-top:0; margin-left:5%;padding-left:16px;} .ClientsCit {width:40%} .ClientsCit p {font-size:1.2em} .ClientsCit .ClientsCitnom {padding-top:2.5em; } .ClientsCitVisuel {width:17%; height: 50px; /*JS*/ } .ClientsCitVideo {width:40%; height: 50px; /*JS*/} .ClientsCitMini {width:20%; margin-left:20%} .ClientsTitre {margin-top: 9em; margin-bottom: 8em} .ClientsTitre h2 {font-size:2.7em; margin-left:5%;padding-left:16px;} .ClientsTitre .ClientsTitreVisu { display: none} .ClientsIntroFond {width:27.5%} .ClientListe {width:90%; margin-top:4.5em; padding-bottom:9em} .ClientListeG {width: 60%; padding-right: 5%} .ClientListeG p {font-size:1.4em} .ClientListePhoto {width:20%;} .ClientListeInfos { width: 80%; padding-top:0.8em} } /*@media screen and (max-height:330px) , screen and (max-width:710px) {*/ @media screen and (max-width:710px) { #MOB2 {display: block} .H #load {width:32px; /*height:8px*/margin-top:-4px; margin-left:-16px} #nav {padding-bottom:25px} #navG {padding-top:25px; } #logo {margin-left:5%} #navD, #menu, #menu-secondaire{display:none} .ni1 {padding-top:25px; padding-bottom:25px} .ni2 {padding-top:10px; padding-bottom:10px; font-size: 1.4em} .ni2 a, .ni3 a, .ni2 span {display:inline-block; color:#fff; line-height: 1.6em; padding: 0.25em 0} .ni2 .solution {padding-left:0.9em} .ni2 .solution img {position: absolute; top:0.85em; left:0; width: 0.35em} .ni3 {padding-top:10px; padding-bottom:10px; font-size: 1.2em} .ni4 {padding-top:10px; padding-bottom:10px; font-size: 1.2em} .ni4 a .bt {border-radius:19px; padding:0.9em 3.4em 0.9em 2.8em; display:inline-block; font-size:1.2em; font-weight:400; margin-top: 0.1em; line-height: 1.2em; color:#fff; position: relative; margin-bottom:1.65em} .ni4 a .bt img {position: absolute; top: 1.3em; left:1.5em; width: 0.45em} .navigationInt a i {position: absolute; bottom:0.1em} .mentions {font-size: 0.8em; letter-spacing:normal; line-height:2em; padding-top:2em; padding-bottom:12em; } .reseaux {width:95%;margin-left:5%; position:relative; left:0; bottom: 0; margin-bottom:0} .reseaux li {margin-left:0; margin-right: 5px; /* + */ float: left;} .reseaux .retMob {margin:0} #introD {height:230px} .bloc {width:50%} .bgmob21 {background-color: #f8f8fa} .bgmob22 {background-color: #ffffff} .fonctGint {padding-left:10%; width:80%; padding-bottom:8em;} .logoFonct {top:0.2em; width: 120px; font-size:2em} .fonct h2 { font-size:2em} .H #galerieGde h3 {top:2.5em; font-size:1.4em} .flprec, .flsuiv {width:3.5em; bottom:15%; margin-bottom:0px} .flsuiv {right:15%; margin-right: -0.2em} .flprec {right:15%; margin-right:4.5em} #galerieGde .lienTraitA {bottom:3%; right:0; font-size: 0.8em; padding-left: 17%; width: 83%;display: block; } .H #galerieGde .infoGde {top:85%; margin-top:0px; right:10%; padding:2.3em 7% 3em 7%; width:66%; font-size: 1em} .infoGde .ico {width:3.5em} .infoGde h2 {font-size:1.4em; line-height: 1.5em; padding-top:1.2em} .infoGde p {font-size:0.9em; line-height:1.7em; margin-top:1.2em; margin-bottom:2.1em} .infoGde p br {display: none} .btpleinA {font-size:0.85em} .T3 {font-size: 1.4em} .T4 {font-size: 1.5em} .T4 br { display: none} .T4 br.brmob { display: block} .ext1 {width:80%} .ext1long {width:90%; float: right} #solutionsPromolead {padding-top:3em; padding-bottom: 6em} .solu {width:100%;float: none; margin-right:0; position: relative; overflow: visible; display: block; margin-top:5em; font-size: 0.9em} .logoS {width:110px} .titreS {display: inline-block; position: absolute; bottom:auto; top:150px; left:5%; width: 90%} .titreS strong {font-size: 1.4em; letter-spacing: 0.05em} .titreS p {font-size: 1.1em; } .aS {font-size: 1.05em; display: block} .bS {font-size: 1em; display: block} /*#solu1 .titreS strong {background-color:#00949a} #solu2 .titreS strong {background-color:#94c265} #solu3 .titreS strong {background-color:#6a5f91}*/ .cont {width:100%; font-size: 0.9em} .cont h2 {font-size: 2.6em} .contG {padding-bottom:5em} .cont .argument {font-size:1.6em} .cont .p {font-size: 1.4em} .depliContA {font-size: 1.7em} .depliContB {font-size: 1.4em; padding:1em 0 3em 0em} .playvideo {width:4em; margin-top:-2em; margin-left:-2em} #references h4 {font-size:1.9em} #references ul { margin-top: 1em} #references li {width:31%; margin-right: 3%; margin-bottom: 1em; float: left} #references .der {margin-right:3%} #references .derMob {margin-right: 0} #refListe li {display:block; float:left; width:33.33%} #refListeB li {display:block; float:left; width:33.33%} .blocbleu {padding:3em 0 3em 0; margin-top:3em} .blocbleu.SansM {margin-top: 0} .blocvert {margin-top:1em; margin-bottom: 3em} .blocmetier {padding:3em 0 3em 0} .blocmetier h3, .blocmetier p {width:86%;margin-left: 7%;} .blocmetier h3 { font-size: 1.5em; padding-left: 2.5em; padding-top: 0.5em; padding-bottom: 0.5em} .blocmetier h3 img {width: 1.9em} .blocmetier p {font-size: 1.2em; padding-top:1.2em; margin-top: 0; margin-bottom: 0; padding-left: 0.2em; } .blocmetier p br {display: none} .blocmetier a { position: relative; top:auto; right: auto; margin-top:0; margin-right: 0; margin-left: 7%; font-size: 1em; padding:1.5em 0; } #calendrier {margin-left:10%; width:320px} .blocbleuCalendrier {padding:3em 0 3em 0; margin-top:3em} .calendly-inline-widget {width:320px} #temoignages li{width:89%; margin-right:0; margin-bottom:5em} .tem {padding:4em 2em 5em 2em; font-size: 1.2em} #temoignages .lienTraitB {bottom:7em; right:11%} .margH18 {margin-top: 8em} .paddH15 {padding-top:10em} .paddB15 {padding-bottom:10em} .margH15 {margin-top:10em} .paddB7 {padding-bottom: 3em} .margH7 {margin-top:3em} .blocOffre1 {width:100%; padding-bottom:5em; float:none} .blocOffre2 {width:100%; padding-left:0; padding-top:5em; padding-bottom:5em; float:none} .blocOffre3 {width:100%; padding-left:0%; padding-top:5em; padding-bottom:0em; float:none; display: block} .blocOffre1 .trait, .blocOffre2 .trait, .blocOffre3 .trait {display:block; width: 100%; height: 2px; top:100%; left: 0} #questions h4 {font-size:1.7em} .depliA, .depliB {width:80%; } .depliA {font-size: 1.4em } #Galint {margin-bottom:0} #Galint .imgGalint {width: 100%; position: relative; border-bottom-right-radius:0} .H #Galint .imgGalint {position: relative; top: 0; left: 0; cursor:default} #Galint #galint-suivant { display: none} #Galint .infoGal {position: relative} .H #Galint .infoGal {display:block; position:relative; bottom:0; left:0;} .infoGal strong {padding:1em 1.5em 1em 1.3em; font-size: 1.5em; border-bottom-right-radius: 1.2em; font-weight: 500} .infoGal p {padding:1.2em 0 4em 0em; font-size:1.2em} .infoGal p br {display: none} #introvideo {/*height: 190px*/} #introvideo video {width:180%} #aide {padding:7em 0; background-image: url("../Images/Fond-aide-Promolead-prospection-fonciere-B.jpg"); } #aide h4 { margin-left:10%; font-size: 2.1em; } #aide a { margin-left:10%} #formations {margin-top:7em} #formations li {width:100%; margin-right:0%; margin-bottom:7em; font-size:1.2em} #formations li.vide, #formations li.ret, #formations li.retM { display: none} #formations li.sansmarge {margin-right:0%} #formations .formationA, #formations .formationD {margin-top:0em} #formations li a {min-height:0px} #formations li a strong { padding-bottom:3.5em} .focus {min-width:90%; width:90%} .focus h2 {font-size:1.8em} .focusContenu {padding:4em 0.2em 4em 2em} .articles {width:85%; padding-top:4em; padding-bottom:3em} .articles h1 { font-size:1.5em; line-height: 1.6em; padding-bottom: 1.4em; margin-bottom:3em} .articlesG {float:none; width:100%; margin-bottom:7em} .articlesD {float:none; width:100%; margin-bottom:7em} .articlesC {width:100%; margin-bottom:7em} .lienarticleC1 {width:100%; float:none} .lienarticleC2 {width:100%; float:none} .lienarticleC2 .lienTraitC { display: none} .lienarticle strong, .lienarticleC2 strong { font-size: 1.4em; line-height: 1.7em; padding-top:1.2em; padding-bottom:0.5em} .desc { font-size: 1.2em; line-height: 1.6em} #introBlogG {width:100%; float:none; height:300px;} #introBlogD {width:100%; float:none} #introBlogDint { margin-left:5%; width: 90%; margin-top:0em; padding-top:2em; padding-bottom:5em} #introBlogD h1 {font-size:1.9em; width:100%} #introBlogD h1 br {display: none} #introBlogD p {width:100%; margin:2em 0 0 0; font-size: 1.4em} .btlivre {font-size:0.95em} .articleInt {width:90%; padding:6em 0} .articleInt h2 {font-size:1.6em; width:100%; float:none; padding-bottom: 2em} .articleCont {width:100%; max-width:100%; float:none; margin-left:0%; font-size: 1.3em} .lignereduite {width:90%} .imgblogreduite {width:90%} #basBlog {width:90%; padding:4.5em 0 8em 0} .retourBlog {width:100%; float:none;font-size: 1.5em; margin-bottom: 2em} .articlesSuivant {width:100%; max-width:100%; float: none; margin-left:0%} .articlesSuivant .articlesextimg {height:180px} #introContactG {width:100%; float:none} #introContactG .contactInfos {margin-left:5%; padding-top:2.5em; padding-left:16px; padding-bottom:4em} #introContactD {width:100%; float:none} #introContactDint { margin-left:5%; width: 90%; margin-top:0; padding-top:4em} #introContactD h1 {width:100%} #formulaire {padding-bottom:4em; width:100%; font-size:1.1em} #formulaire .formgauche {width:100%; float:none; margin:1.3em 0 0 0;} #formulaire .formdroite {width:100%; float:none; margin:1.3em 0 0 0} #formulaire textarea{height:13em} #rgpdExt {font-size: 0.9em} #formulaire [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {top:3px; left: 0.3em;} #formulaire #captcha {font-size: 1em; padding:1.2em 0 0.5em 0;display:block} #formulaire #captcha strong {display: inline-block; font-size: 1em} #formulaire #envoyer {min-width:95%;margin:2.8em 0 1.3em 0; text-align:left} #message-requete {font-size:1.2em; top:25px; left:5%; margin-left:0; width:78%; padding:20px 6%; background-size:15px; background-position:96% 15px;} #formulaire input {font-size:16px} #formulaire textarea{font-size:16px} /* Clients et temoignages */ #ClientsIntro {padding-bottom:10em} #ClientsIntroG h1 { padding-bottom:2em} .ClientsIntroD {width:auto; float:none; margin-top:0; margin-left:5%; width: 90%; padding-left:0px;} .ClientsCit {width:100%; margin-right:0; float:none} .ClientsCit img {width: 10em} .ClientsCit p {font-size:1.6em} .ClientsCit .ClientsCitnom {padding-top:2.5em; font-size: 1.1em } .ClientsCitVisuel {display: none} .ClientsCitVideo {width:100%; float:none; height:auto; /*JS*/ margin-right:0; margin-top: 1.5em} .ClientsCitMini {width:50%; margin-left:0%; float:none; border-radius:10px; margin-right: 1.5%; margin-bottom: 1.5em} .ClientsTitre {margin-top:6em; margin-bottom:6em} .ClientsTitre h2 {font-size:2.3em; margin-left:5%; width: 90%; padding-left:0;} .ClientsTitre h2 br {display: none} .ClientsTitre .ClientsTitreVisu { display: none} .ClientsIntroFond {width:35%} .ClientListe {width:90%; margin-top:6em; padding-bottom:9em} .ClientFiltre {padding-top:2em; display: block} .ClientFiltreTitre { display:block; float:none; margin-top:0.4em } .ClientFiltreBT {margin-top:1em; display: inline-block; padding: 0.8em 1.2em; margin-left:0; margin-right: 1em; float: left; } .ClientListeInt {padding-top:5em} .ClientListeInt li {margin-bottom:7em; display: block} .ClientListeInt li a {display: block} .ClientListeCont {background-color: #FFFFFF; border-radius: 10px; padding:1.4em 1.4em 1.4em 1.4em} .ClientListeG {width:100%; padding-right:0%; float:none} .ClientListeD {width:100%; float: none; position: relative; height: auto; display: block; margin-top: 2em} .ClientListeLogo {width:10em} .ClientListeG p {width: 100%; font-size:1.6em;margin-bottom:1.3em} .ClientListePhoto {width:35%; margin-bottom: 1em} .ClientListeInfos { width:65%; display: inline-block; float: left; padding-top:1em} .ClientListeInfos strong {font-size: 1.3em; padding-left: 0.9em; } .ClientListeInfos span {font-size: 1.3em; padding-left: 0.9em; } .ClientType {margin-top: -1.28em; margin-left: -6.5em; font-size: 0.9em; padding: 0.8em 1.5em; width: 10em} .ClientTypeVisu {height:8em} .ClientSuiteExt {text-align:right; font-size: 1.2em} .ClientSuite {padding-right: 2.5em; } } @media screen and (max-width:350px) { #menu-secondaireFIXE {top:unset; right:unset; bottom:10px; left:10px} #menu-secondaireFIXE li .style2 {padding:15px 22px 15px 22px;font-size: 13px; } #menu-secondaireFIXE .style2 span {line-height: 13px} #menu-secondaireFIXE li .avecimg {padding-left:48px} #menu-secondaireFIXE li .avecimg img {left: 18px;width:22px; margin-top: -11px;} }