/* Auteur du developpement sur-mesure pour MDO Finance : 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:1001; 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;overscroll-behavior: none; 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; } }} */ /* kantumruy-pro-300 - Google fonts */ @font-face {font-family:'Kant';font-style: normal;font-weight: 300; src: url('../Fontes/Kant-300.eot'); src: local(''), url('../Fontes/Kant-300.eot?#iefix') format('embedded-opentype'), url('../Fontes/Kant-300.woff2') format('woff2'), url('../Fontes/Kant-300.woff') format('woff'), url('../Fontes/Kant-300.ttf') format('truetype'), url('../Fontes/Kant-300.svg#KantumruyPro') format('svg'); } @font-face {font-family:'Kant';font-style: normal;font-weight: 400; src: url('../Fontes/Kant-400.eot'); src: local(''), url('../Fontes/Kant-400.eot?#iefix') format('embedded-opentype'), url('../Fontes/Kant-400.woff2') format('woff2'), url('../Fontes/Kant-400.woff') format('woff'), url('../Fontes/Kant-400.ttf') format('truetype'), url('../Fontes/Kant-400.svg#KantumruyPro') format('svg'); } @font-face {font-family:'Kant';font-style: normal;font-weight: 500; src: url('../Fontes/Kant-500.eot'); src: local(''), url('../Fontes/Kant-500.eot?#iefix') format('embedded-opentype'), url('../Fontes/Kant-500.woff2') format('woff2'), url('../Fontes/Kant-500.woff') format('woff'), url('../Fontes/Kant-500.ttf') format('truetype'), url('../Fontes/Kant-500.svg#KantumruyPro') format('svg'); } @font-face {font-family:'Kant';font-style: normal;font-weight: 600; src: url('../Fontes/Kant-600.eot'); src: local(''), url('../Fontes/Kant-600.eot?#iefix') format('embedded-opentype'), url('../Fontes/Kant-600.woff2') format('woff2'), url('../Fontes/Kant-600.woff') format('woff'), url('../Fontes/Kant-600.ttf') format('truetype'), url('../Fontes/Kant-600.svg#KantumruyPro') format('svg'); } body {font-size:1.5em;} #basint {width:2175px} .conseil-cont {width:718px} @media screen and (max-width: 2600px) { body {font-size:1.3em;} #basint {width:1885px} .conseil-cont {width:623px} } @media screen and (max-width: 2300px) { body {font-size: 1.2em} #basint {width:1740px} .conseil-cont {width:575px} } @media screen and (max-width: 2100px) { body {font-size: 1.1em} #basint {width:1595px} .conseil-cont {width:525px} } @media screen and (max-width: 1950px) { body {font-size: 1em} #basint {width:1450px} .conseil-cont {width:479px} } body {/*font-size: 1em; */color:#1d1c1b; font-family: 'Kant', 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:0; padding:7px; font-size:0.8em; letter-spacing:0.1em; display:inline-block; font-family: sans-serif; color:#FFF; opacity:0.6; background-color: #000000; display: none} .coulIci01 {fill:#fff} .coulIci02 {fill:#214e99} #CybotCookiebotDialog, .H #CybotCookiebotDialog, #CookiebotWidget, .H #CookiebotWidget {opacity:0; visibility: hidden} #MOB {display:none} #MOB2 {display:none} #MOB3 {display: none} .calExt{} .cal {position: absolute; top:0; left:0; width: 100%} .H .cal {width: auto; height: auto} .calExt2{} .cal2 {position: absolute; top:0; left:0; width: 100%} .H .cal2 {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} #menuHaut {width: 100%; position:relative} .H #menuHaut {width: 100%; position:absolute; top:0; left: 0; padding-top: 2.1em; z-index: 500; visibility: hidden} #logo {position: relative; width: 103px; width:5.4%; margin-left: 3.3%; display: block; float: left} #logo img {width: 100%; display: block} #menu {margin:0; padding: 0.6em 0; padding-right: 0.5em; position:relative; z-index:800; transform-origin:100% 0; /*font-size: 1.3em;*/ float: right; width: auto} #menu { font-size: 1em} @media screen and (max-width: 2100px) { #menu { font-size: 1em} } .H #menu .lm {display: inline-block; float: left; margin: 0; padding: 0; margin-right: 1.2em} #menu .am {display:inline-block; padding:1em 0.2em 0.7em 0.2em; font-size: 1em; font-weight:500; color:#163261; cursor: pointer; line-height: 1.2em; margin:2px 0; position: relative} #menu .am span {display: inline-block; position:relative; padding-bottom: 0.3em; line-height: 1.2em} #menu .am span i {position: absolute; bottom: 0; width: 100%; left:0; height: 2px; background-color:#214e99; transform-origin: 0} #menu #m0, #menu #m1, #menu #m2 {padding-right:1.1em} #menu .am img { position: absolute; right: 0; top:50%; width:0.7em; margin-top: -0.35em; transform-origin: 50% 50%} #menu .ret {display:block;width: 0; float: none; margin: 0; padding: 0; clear: both; height: 0; line-height: 0} .sousmenu { position: relative; background-color: #fff; border-radius: 10px; padding-left:2em; padding-right:2em; padding-top:1.2em; padding-bottom:1.2em; z-index: 500; box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.09); /*font-size: 1.3em*/} .sousmenu { font-size: 1em} @media screen and (max-width: 2100px) { .sousmenu { font-size: 1em} } .H .sousmenu {position: absolute; top:0; left:0; background-color: #fff; border-radius: 10px; padding-left:2.5em; padding-right:2.5em; padding-top:1.2em; padding-bottom:1.2em; z-index: 500; display: none} .sousmenu li {display: block; float: none; margin: 0; padding: 0; border-bottom: 1px solid #dee5f0} .sousmenu .sansBord {border-bottom: none} .sousmenu li a {display:block; padding:0; font-size:1em; font-weight:400; color:#214e99; cursor: pointer; line-height: 1.2em; padding-right:15px; margin:0; position: relative; overflow: hidden} .sousmenu li a img {width: 0.4em; position: absolute; top:50%; margin-top: -0.2em; left:0; transform-origin: 50% 50%} .sousmenu li a span {font-weight: 500; font-size: 1em; padding-top: 0.7em; padding-bottom: 0.7em; padding-left: 1.2em; display: block; position: relative; z-index: 501} .H .sousmenu li a b {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #214e99; z-index: 500; transform-origin: 0 0;} .sousmenu li a.sousmactif {color:#18264c} #logoHaut {display:block; width: 70px; position: absolute; top:20px; left:3%} #logoHaut img {width: 100%; display: block} #btmenu, .H #logoHaut {display: none} /* commun */ .ext1 {width:76%; margin-left: auto; margin-right: auto} .lienTraitA { position: relative; display: inline-block; color:#232424;} .lienTraitA i {position:absolute; bottom: 0em; left: 0; width: 100%; height: 1px; background-color:#214e99; transform-origin: 0} .brmob {display: none} .paddH23 {padding-top:11em} .paddH18 {padding-top:9em} .paddH15 {padding-top:7em} .paddH13 {padding-top:6em} .paddH12{padding-top:6em} .paddH11 {padding-top:5em} .paddH10 {padding-top:5em} .paddH9 {padding-top:4em} .paddH8 {padding-top:4em} .paddH7 {padding-top:3em} .paddH65 {padding-top:3em} .paddH6 {padding-top:3em} .paddH4 {padding-top:3em}.paddH2 {padding-top:2em} .paddB17 {padding-bottom:8em} .paddB15 {padding-bottom:7em}.paddB12 {padding-bottom:6em}.paddB11 {padding-bottom:5em}.paddB10 {padding-bottom:5em}.paddB7 {padding-bottom:4em} .paddB4 {padding-bottom:3em} .paddB3 {padding-bottom:3em} .margH18 {margin-top: 9em} .margH17 {margin-top:8em}.margH15 {margin-top:7em}.margH13 {margin-top:6em}.margH11 {margin-top:5em} .margH10 {margin-top: 5em} .margH9 {margin-top:4em} .margH8 {margin-top:4em} .margH7 {margin-top:3em}.margH6 {margin-top:3em}.margH4 {margin-top:3em} .margH3 {margin-top:3em} .margB108{margin-bottom:1.8em} .margB1{margin-bottom: 1em} .margB20{margin-bottom: 12em} .paddL3 {padding-left: 3em} .Texteselect {-webkit-user-select:text; -moz-user-select:text; -khtml-user-select:text; -ms-user-select:text} .H .ano0 {visibility: hidden} .H .anSX0, .H .anSY0 {visibility: hidden; transform-origin:0 0 } .H .anSX1 {transform-origin:0 0 } .H .ans1 {visibility: hidden; transform-origin:50% 50% } .contextimg {overflow: hidden} .H .any1, .H .any2, .H .any3 {visibility: hidden; transform-origin: 50% 50% } .H .anys1 {visibility: hidden; transform-origin: 50% 50% } .H .anScale {transform-origin:50% 50% } /* suite accueil */ .H #page { visibility: hidden} #portrait {width: 28%; margin-left:5.4%; left:6.6%; position: absolute; top: 0; z-index: 10 } #intro { width: 60%; float: right; background-color: #fbf9f9; display: block;min-height: 800px} .H #intro {min-height: auto} #introint {display: block; position: relative; padding-left: 4em; margin-left: 8em} @media screen and (max-width: 2100px) { #portrait {width: 32%} #intro { width: 56%} #introint {padding-left: 3em; margin-left: 6em} } #portraitint {width: 100%; position: relative; display: block; padding-bottom: 2.8em; z-index: 5} #portraitint img {width: 100%; display: block; position: relative; z-index: 1} #portraitintFOND {width: 100%; height: 100%; position: absolute; /*background-color: rgba(10, 35, 72, 0.8);*/background-color: rgba(25, 80, 154, 0.7); display: block; z-index: 2} #portrait-texte {position: absolute; top: 0em; left:13.2%; /*color:#19509a;*/ color:#fff; z-index:11 } #portrait-texte h1 {font-size: 3em; line-height: 1.4em; font-weight: 600} #portrait-texte h2 {font-weight: 400; font-size: 0.85em; line-height: 1.4em; padding-top: 1em; text-transform: uppercase; display: block; padding-top: 1em; display: block} #legende {position: absolute; bottom: 0; right:0; background-color: #153975;padding:1.2em 1.5em; line-height: 1.6em; z-index: 10 } #legende strong {font-weight: 500; color:#fff; font-size: 0.95em} #legende span {font-weight: 400; color:#c1c5cb; font-style: italic; display: block; font-size: 0.9em} .traitV { position: absolute; top: 0; left: 0; height: 100%; width: 2px; background-color: #214e99; transform-origin: 100% 100%} .titre-ac {color:#214e99; line-height: 1em} .titre-ac strong {font-weight: 600; font-size:2.95em; line-height: 1.2em; display: block} .titre-ac span {font-weight: 500; font-size: 1em; line-height: 1.4em; padding-top: 1em; text-transform: uppercase; display: block} .texte-ac {color:#232424; line-height:1.9em; font-size: 1.25em; padding-top:1.2em; display: block} .lien-ac {/*color:#232424;*/ font-size: 1em; line-height: 1.5em; padding-bottom:0.2em; margin-top:0.8em} .texte2-ac {line-height:1.7em; font-size: 1.2em; padding: 0 0 1.4em 0; margin: 0; display: block; font-weight: 500} .texte2-ac strong {color:#214e99; font-weight: 500; display: inline-block} .texte2-ac span {color:#08425a; display: inline-block} #reseaux-ac {position: absolute; top: 700px; left: 4.85%; width: 2.3%; margin-left: -1px; z-index: 20} #reseaux-ac li {display: block; margin-top: 1.3em; width: 100%} #reseaux-ac a {display: block; width:100%; border-radius: 50%; border:1px solid #cbd5e7} #reseaux-ac a img {display: block; width:100%; transform-origin: 50% 50%} .h2traitA {color:#214e99; font-weight: 500; font-size: 2.8em; display: block; position: relative; padding-left: 1.8em; line-height: 1.3em} .h2traitA i {width: 1.3em; height: 2px; background-color:#214e99; position: absolute; top:0.93em; left: 0} #objectifs {margin-top: 4em} #objectifs li {width: 28.6%; margin-right:7%; float: left; margin-bottom: 4em} #objectifs li.ret {clear: both; float: none; margin: 0; width: 100%; height: 0} #objectifs li.sansM {margin-right: 0} #objectifs li a {width: 100%; display: block; color:#163261; font-weight: 500; font-size:1.3em; line-height: 1.5em} #objectifs li a b {width: 100%; display: block; margin-bottom: 1.3em; position: relative; overflow: hidden; background-color: #153975} #objectifs li a .visuOb {width: 100%; display: block; transform-origin: 50% 50%} #objectifs li a .ico {width: 8.5%; float: left; margin-right: 2.5%; margin-top: 0.2em; transform-origin: 50% 50%} #objectifs li a span {width: 85%; padding-left: 4%; float: left; display: inline-block; position: relative} #objectifs li a span i {position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #cbd8e8} .h2traitB {color:#fff; font-weight: 500; font-size: 2.8em; display: block; position: relative; padding-left: 1.8em; line-height: 1.3em; z-index: 100} .h2traitB i {width: 1.3em; height: 2px; background-color:#fff; position: absolute; top:0.93em; left: 0} #entrepreneur {background-color: #1a2a45; margin-top: 4em; padding-top: 5em; padding-bottom: 5em; position: relative} #entrepreneur.sansM {margin-top: 0} #entrepreneur p {color: #fff; font-size: 1.15em; line-height: 1.7em; margin-top:3.4em;position: relative; z-index: 100} #entrepreneur p a { display: inline-block; position: relative; color:#fff} #entrepreneur p a i {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity:0.32; transform-origin: 0 0} #entrepreneur ul { margin-top:2.3em;position: relative; z-index: 100} #entrepreneur ul li { display: block; margin-bottom:0.7em} #entrepreneur ul li a { display: inline-block; padding-left: 1.8em; position: relative; color:#fff; font-size: 1.2em; font-weight: 500; line-height: 1.5em} #entrepreneur ul li a img {display: block; position: absolute; top: 0.4em; left: 0; width: 0.8em; transform-origin:50% 50%} #entrepreneur ul li a span {display: inline-block; position: relative; padding-bottom: 0.1em} #entrepreneur ul li a span i {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #586477; transform-origin: 0 0} #entrepreneur .ext1 {position: relative; padding:2em 0} #visu-entrepreneur {position: absolute; z-index: 99; top:0; right: 0; width: 80%; display: block} .blocG {float:left; width: 50%} .blocD {float:right; width: 50%; position: relative} .servicesPlus {margin-top:4em; margin-right: 20%} .servicesPlus .depliB p {margin: 0; padding: 0; display: block; font-size: 0.9em; line-height: 1.65em; color:#505256} .servicesPlus .depliB p strong {color:#000; font-weight: 500} .servicesPlus .depliB ul {padding: 0.4em 0 0.7em 0; margin: 0 0 0 1.8em; font-size:0.9em; line-height: 1.6em; color:#505256} .servicesPlus .depliB li {padding:0.4em 0 0 1em; position: relative} .servicesPlus .depliB li img {position: absolute; top: 0.95em; left:0; width: 0.4em; display: block} .servicesPlus .depliGris {font-weight:500;color:#163261; font-size:1.1em; border-top:1px solid #d7ccca; } .servicesPlus .depliGrisder {border-bottom:1px solid #d7ccca} .lexique {width: 45%; max-width: 1300px; margin-left: auto; margin-right: auto; padding:6em 0 8em 0} .lexiquePlus {} .lexiquePlus .depliB p {margin: 0; padding: 0; display: block; font-size: 0.9em; line-height: 1.6em; color:#424448; width: 90%} .lexiquePlus .depliB p strong {color:#000; font-weight: 500} .lexiquePlus .depliB p .note {color:#676767; font-weight: 400; font-style: italic} .lexiquePlus .depliNoir {font-weight:500;color:#1f1f1f; font-size:1.05em; border-top:1px solid #cfd7e6; padding: 0.8em 0 } .lexiquePlus .depliNoirder {border-bottom:1px solid #cfd7e6} .conseil-cont {} .conseil-cont .depliB p {margin: 0; padding: 0; display: block; font-size: 0.85em; line-height: 1.5em; color:#dee1e6} .conseil-cont .depliB p strong {color:#fff; font-weight: 500} .conseil-cont .depliB p .note {color:#c1c6d0; font-weight: 400; font-style: italic} .conseil-cont .depliB p a {color:#fff; font-weight: 400; text-decoration: underline} .conseil-cont .depliB p a:hover {color:#c1c6d0; text-decoration: none} .conseil-cont .depliBlanc {font-weight:500;color:#fff; font-size:1em; border-top:1px solid #66738e; } .conseil-cont .depliBlancder {border-bottom:1px solid #66738e} .depliA {padding:1.3em 0; position: relative; display: block; width:100%; line-height: 1.4em; cursor: pointer; z-index: 30; text-transform: uppercase} .depliA span {display:block; margin-right: 3em; letter-spacing: 0.025em} .depliA .cerclePlus2 {width:0.9em;position: absolute; display: block; top:1.4em; right: 0; transform-origin: 50% 50%} .depliA .cerclePlus2 img {display: block; width: 100%; transform-origin: 50% 50%} .depliB {padding-top:0em; padding-bottom:2em; position: relative; z-index: 20; width:100%; font-size: 1.2em; line-height:1.8em; color:#393939} .H .depliB {display: none} .H .depliBPrem {display: block} .lexiquePlus .depliNoir {padding: 0.8em 0 } .lexiquePlus .depliNoir .cerclePlus2 {top:1em} #visu-MDO {margin-left: 7.8%; width:69%; position: relative; z-index: 20; display: block} #citation-ac {background-color: #173464; color:#fff; position: absolute; top:50%; right: 0; padding:2em 3em 3em 3em; z-index: 21} #citation-ac p {font-size: 1.45em; font-weight:300; line-height: 1.8em; margin:0; padding:0; margin-bottom: 0em} #citation-ac a {color:#b1b6c3; position: relative; padding-bottom: 0.2em; font-size: 1.05em} #citation-ac a i {position:absolute; bottom: 0; left: 0; width: 100%; height:1px; background-color:#b1b6c3; transform-origin: 0} #temoignagesExt {background-color: #f2f3f3; position: relative; padding-top: 9em; padding-bottom: 7em} .degrade1{ width: 100%; height: 15em; display: block; position:absolute; top:0; left:0; z-index: 10; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } #temoignages {background-color: #fff; margin-left: auto; margin-right: auto; position: relative; text-align: center; z-index: 15; padding: 2em 0 2em 0;} #titre-tem {color:#214e99; font-weight: 600; text-transform: uppercase; font-size:0.9em; margin-bottom:2.8em; display:block; text-align: center; position: relative; padding-top: 5.6em} #titre-tem b {position: absolute; top: 0; left: 0; width: 100%; text-align: center; display: block; font-size:9em; font-weight: 300} .avis {font-size: 1.4em; line-height:1.8em; width:65%; /*max-width: 850px;*/ margin-left: auto; margin-right: auto; text-align: center; font-weight: 300; display: block} .avis p {padding: 0; margin: 0; display: block} .H .avis p {display: none} .H .avis p.avisPrem {display: block} #review {display: block; text-align: center} a.google-review {display:inline-block; padding: 0; margin: 0; padding-bottom: 1.4em; color:#48494b; text-align: center; font-size:1em} div.review_container {} span.google-stars {display:block; padding:4em 0 2em 0.5em; margin: 0; line-height: 1em; font-size: 0.5em} span.star {display: inline-block} span.star svg {width: 1.5em; height: 1.5em; margin-bottom: 0.3em; display: inline-block} .nom {color:#323232; display:block; padding-bottom: 0.6em} .nom span {display: block; text-align: center} .H .nom span {display: none} .H .nom span.nomPrem {display: block} .voir {color:#a3a3a3; display: block} #precedent {width:5em; display: block; position: absolute; top:15em; left: 7%; cursor: pointer; border-radius:50%; transform-origin: 50% 50%} #precedent img {width: 100%; display: block;} #suivant {width:5em; display: block; position: absolute; top:15em; right:7%; cursor: pointer; border-radius:50%; transform-origin: 50% 50%} #suivant img {width: 100%; display: block} .h3traitA {color:#214e99; font-weight: 500; font-size: 2.1em; display: block; position: relative; padding-left:2.4em; line-height: 1.3em} .h3traitA i {width: 1.8em; height: 2px; background-color:#214e99; position: absolute; top:0.93em; left: 0} #actus { position: relative; overflow: hidden} .actusFondac {background-color: #f2f3f3;} .actusFondobj {background-color: #fbf9f9;} #bleuactus {background-color: #2c4672; position: absolute; z-index: 10; height: 100%; top: 12em; left: 0; width: 100%} #actusint {margin-left: auto; margin-right: auto; position: relative; z-index: 12} #listeactus {width: 100%; padding-top:2.5em;} #listeactus li {width: 31%; margin-right: 3.45%; float: left} #listeactus li.sansM {margin-right: 0} #listeactus li.ret {margin: 0; width: 100%; float: none; clear: both} #listeactus li a {display: block; position: relative; width: 100%; background-color: #FFFFFF} #listeactus li a b {position: relative; display: block; width: 100%; overflow: hidden} #listeactus li a b img {width: 100%; position: relative; display: block; transform-origin: 50% 50%} #listeactus li a div {padding: 0 1.8em; min-height: 12em; position: relative; display: block; } #listeactus li a strong {color:#1f1f1f; font-weight: 600; font-size: 1.2em; padding-top: 1.5em; padding-bottom:1.2em; line-height: 1.6em; display: block} #listeactus li a p {color:#4e4e4e; font-size: 1em; line-height: 1.6em; margin: 0; padding: 0; display: block; padding-bottom: 4.8em} #listeactus li a div .actu-fl {width: 3em; position: absolute; bottom: 0.6em; left: 1.2em} #btactusExt {padding-top: 3em; padding-bottom:6em; display: block; width: 100%; text-align: center} #btactus {background-color: #16243a; color:#fff; font-size: 0.9em; line-height: 1.1em; padding-top: 1.4em; padding-bottom: 1.3em; padding-left: 2.3em; padding-right: 2.3em; border-radius:25px; display: inline-block; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 400} #bas {background-color: #16243a; padding: 5em 0 4em 0} #basint {/*width:1450px;*/ margin-left: auto; margin-right: auto; padding-bottom: 9em} #logobas {width:5.4%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 4em} #logobas img {width: 100%; display: block} .col {float: left; display: inline-block; padding-top: 2.7em} .col strong {color:#fff; font-weight: 400; font-size: 1.15em; padding-bottom: 1.4em; display: block} .col1 {} .col2 {margin-left: 12%} .col3 {margin-left: 7%} .col4 {margin-left: 7%} .col1 .coordonnees {padding-bottom:1.1em; display: block} .col1 .coordonnees a {display: inline-block; position: relative; padding-left: 2.3em; color:#c0c2c6; font-size: 1.05em; line-height: 1.5em; padding-top:0.1em; padding-bottom: 0.1em} .col1 .coordonnees a img {width: 1.4em; position: absolute; top:0.1em; left: 0} .col1 .reseauxBas {display:block; width: 2.45em; float: left; margin-right: 1.5em; margin-top: 1.1em} .col1 .reseauxBas a {display: block; width: 100%; border:1px solid #495465; border-radius: 50%} .col1 .reseauxBas a img {display: block; width: 100%} .col1 li.ret {float: none; width: 100%; padding: 0; margin: 0; clear: both} .col2 li, .col3 li, .col4 li {padding-bottom: 0.5em; display: block} .col2 li a, .col3 li a, .col4 li a { display: inline-block; color:#c0c2c6; font-size: 0.95em; padding: 0.2em 0; position: relative; line-height: 1.5em} .col2 li a i, .col3 li a i, .col4 li a i {background-color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; transform-origin: 0 0} .mentions {display: block; text-align: center; color:#c0c2c6; font-size: 0.95em; line-height: 1.8em} .mentions a {color:#c0c2c6; display: inline-block; padding: 0; margin: 0 0.5em; position: relative} .mentions a i {background-color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; transform-origin: 0 0} .margeObj1 {margin-top: 4em; margin-bottom: 4em} .margeObjreduit {margin-top: 4em; margin-bottom:2.8em} .margeK {margin-top: 4em; margin-bottom: 6em} #introK-visu {float: left; margin-left: 12.2%; padding-left:2.4%; width: 31.5%; float: left; position: relative} #introK-visu img {display: block; width: 100%} #introK-blocD {display: block; width: 49.9%; float: right; position: relative; } #introK-obj {display: block; padding-left:5%; position: relative} #introK-obj h2 {color:#214e99; font-size: 3em; font-weight: 600; line-height: 1.3em} #introK-obj span {color:#08425a} #introK-obj h1 {color:#214e99; font-size: 0.9em; font-weight: 400; line-height: 1.8em; text-transform: uppercase; padding-top: 1.6em; display: block} #introK-obj .traitV2 {position: absolute; top: 0; left: 0; height: 100%; width: 2px; background-color: #214e99; transform-origin: 100% 100%} #introK-obj2 {padding-left:5%; font-size: 1.2em; color:#08425a; font-weight: 500; line-height: 1.7em; padding-top: 2em;display: block} #introK-obj2 .lienintro {color:#214e99; text-decoration: underline} #introK-obj2 .lienintro:hover {color:#2b5aa7; text-decoration:none} #intro-obj {display: block; margin-left: 12.2%; padding-left:2.4%; width: 38%; float: left; position: relative} #intro-obj h2 {color:#214e99; font-size: 3em; font-weight: 600; line-height: 1.3em} #intro-obj span {color:#08425a} #intro-obj h1 {color:#214e99; font-size: 0.9em; font-weight: 400; line-height: 1.8em; text-transform: uppercase; padding-top: 1.6em; display: block} #intro-obj .traitV2 {position: absolute; top: 0; left: 0; height: 100%; width: 2px; background-color: #214e99; transform-origin: 100% 100%} #intro-obj2 {font-size: 1.2em; color:#08425a; width: 44%; float: right; font-weight: 500; line-height: 1.7em; padding-top: 1.2em} #intro-obj2 .lienintro {color:#214e99; text-decoration: underline} #intro-obj2 .lienintro:hover {color:#2b5aa7; text-decoration:none} .objExt {width:90%} .fond01 {background-color: #08425a} .fond02 {background-color: #1a2a45} .fond03 {background-color: #fbf9f9} .fond04 {background-color: #f4f5f5} .couv-obj {width: 100%; display: block; position: relative; overflow: hidden; background-color: #fff} .couv-obj img {width: 100%; display: block; transform-origin: 50% 50%} .couv-obj-avectxt {width: 100%; display: block; position: relative; overflow: hidden; background-color: #1a2a45} .couv-obj-avectxt .objInt {position: relative; z-index: 12; padding-top: 6em; padding-bottom: 4em} .couv-obj-avectxt .cal {width: 100%; display: block; transform-origin: 50% 50%; position: absolute; top: 0; left: 0; z-index: 10; transform-origin: 50% 50%} .gdeliste { margin-top:2.3em;position: relative; z-index: 100} .gdeliste li { display: block; margin-bottom:0.7em} .gdeliste li a { display: inline-block; padding-left: 1.8em; position: relative; color:#fff; font-size: 1.2em; font-weight: 500; line-height: 1.5em} .gdeliste li a img {display: block; position: absolute; top: 0.4em; left: 0; width: 0.8em; transform-origin:50% 50%} .gdeliste li a span {display: inline-block; position: relative; padding-bottom: 0.1em} .gdeliste li a span i {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #586477; transform-origin: 0 0} .objInt {margin-left: 13.55%; padding-left: 2.66%; position: relative; overflow: visible} .margeobjInt {padding-top:6em} .margeobjIntreduit {padding-top: 7em; padding-bottom: 7em} .objG {width: 42.2%; float: left; max-width:800px} .objD {width: 36.1%; float: right; margin-right: 8.7%; position: relative} .objDh303 {width: 44.8%;float: right} .margeobjA {margin-top:6em} .margeobjB {margin-bottom:7.5em} .ico-obj {width: 3.5em; display: block; margin-bottom:1.2em} .ico-obj2 {width: 2em; display: block; margin-bottom:1.2em} .visuflotant {margin-top:0.8em; width: 100%; display: block; max-width: 580px; margin-bottom: 2em} .h301 {color:#fff; font-size: 2em; font-weight: 600; line-height: 1.7em} .h302 {color:#5e93a5; font-size: 0.9em; font-weight: 600; text-transform: uppercase; padding-top: 1.75em; letter-spacing: 0.06em} .h303 {color:#08425a; font-size: 1.6em; font-weight: 500; margin-top:4em; padding-top: 1.3em; display: block; position: relative; line-height: 1.7em} .h303 span {color:#214e99} .h303 i {width: 4em; height: 2px; background-color: #173464; position: absolute; top: 0; left:0; display: block} .h304 {color:#08425a; font-size: 1.6em; font-weight: 500; padding-top: 1.3em; display: block; position: relative; line-height: 1.7em} .h304 span {color:#214e99} .h304 i {width: 4em; height: 2px; background-color: #173464; position: absolute; top: 0; left:0; display: block} .p01 {color:#fff; font-size: 1.15em; line-height: 1.85em; margin: 0; padding: 1.5em 0 0 0} .p02 {color:#fff; font-size: 0.95em; line-height: 2.2em; margin: 0; padding: 2.6em 0 0 0; letter-spacing: 0.04em} .p02 i {color:#5e93a5; font-style: italic; line-height: 1.6em; display: inline-block; padding-top: 0.4em} .p01 a, .p02 a {color:#fff; text-decoration: underline} .p01 a:hover, .p02 a:hover {color:#a2c6d2; text-decoration:none} .p03 {color:#08425a; font-size: 1.1em; line-height: 1.85em; margin: 0; padding: 1.5em 0 0 0} .p03 strong {font-weight: 500; text-decoration: underline} .imageadapte {width: 100%; display: block} .bloc2 {padding: 5em 0 6em 0; } .bloc2G {width: 36.1%; float: left; } .bloc2D {width: 42.2%; float: right; margin-right: 8.7%; max-width:800px} .bloc2Gi {width: 42.2%; float: left; max-width:800px} .bloc2Di {width: 36.1%; float: right; margin-right: 8.7%;} .bloc2PREM {margin-top:6em} .bloc2miniMbas {padding: 5em 0 2em 0;} .conseil {background-color: #fbf9f9; width: 100%; padding-top: 4em; margin-top:10em} .conseil.sansmargeH {margin-top: 0; padding-top:2em} .conseil.avecmargeB {padding-bottom:8em} @media screen and (max-width: 2100px) { .conseil {padding-top: 4em; margin-top:6em} .conseil.sansmargeH {margin-top: 0; padding-top: 2em} .conseil.avecmargeB {padding-bottom:8em} .bloc2PREM {margin-top:5em} } .conseil h2 {color:#08425a; font-size:2em; font-weight: 300; line-height: 1.6em; text-align: center; display: block; padding-top: 1em; position: relative} .conseil h2 span {color:#214e99} .conseil h2 i {width: 2.4em; height: 2px; background-color: #173464; position: absolute; top: 0; left:50%; margin-left: -1.2em; display: block} .H .conseil h2 i {transform-origin: 50% 50%} .ext-obj {width:70.8%; margin-left: auto; margin-right: auto;} .conseilInt {position: relative; margin-top: 4em; padding-top:6em} .conseil-cont {background-color: rgba(23, 52, 100, 0.92); /*width:479px;*/ padding: 3em; margin-left: auto; margin-right: auto; position: relative; z-index: 12; display: block; } .visuConseil { width:100%; position: absolute; z-index: 10; top: 0; left:0; display: block} .cabinet {width: 100%; padding-top:4em; padding-bottom:3em; position: relative} .cabinetInt {background-color: #fff; padding-top:5.5em; padding-bottom: 5em; position: relative; z-index: 12} .cabinetG {width: 42%; float: left; margin-left: 8%} .cabinetD {width: 36%; float: right; margin-right: 4%} .cabinet h2 {color:#214e99; font-size: 1.6em; font-weight: 500; display: block; position: relative; line-height: 1.7em} .cabinet h2 span {color:#214e99} .lien-cab {font-size: 1.1em; line-height: 1.5em; padding-bottom:0.2em; margin-top:3.2em} .cabinet-liste { padding-top: 0.4em } .cabinet-liste li { display: block; padding-bottom: 1.8em} .cabinet-liste li strong {color:#4f5e78; font-size: 1em; padding-left:4.2em; padding-top:0em; position: relative; font-weight: 400; display: block; line-height: 1.7em} .cabinet-liste li span {color:#214e99; position: absolute; left: 0; top: 0; font-size: 1.1em; display: inline-block} .cabinet-liste li i {background-color:#214e99; width: 2.4em; height: 1px; display: block; top: 0.8em; left:1.2em; position: absolute} .visuCabinet { width:56%; position: absolute; z-index: 10; bottom:0em; right:10%; display: block; max-width: 1500px} .h2traitC {color:#214e99; font-weight: 500; font-size: 1.6em; display: block; position: relative; padding-top: 1.4em; line-height: 1.3em; z-index: 100; padding-bottom: 2em} .h2traitC i {width: 4em; height: 2px; background-color:#214e99; position: absolute; top:0; left: 0} .h2traitC.sansMbas {padding-bottom: 0} .equipe {} .equipeInt {width: 28%; margin-right: 8%; float: left} .equSansM {margin-right: 0} .equipe .vignette {width: 100%; display: block} .equipe .ligne {width: 100%; background-color: #547eb2; height: 2px; margin-top:1.7em; margin-bottom:1.4em} .equipe strong { font-size: 1.05em; color: #214e99; font-weight: 500; display: block; padding-bottom: 1.6em} .equipe ul {} .equipe ul li {line-height: 1.6em; padding-bottom: 0.4em; font-size: 1em; color:#08425a; font-weight: 400; padding-left: 1em; position: relative} .equipe ul li i {font-size: 1.05em; position: absolute; top: 0; left: 0; font-style: normal} .equipe .link {display: block; width:2.3em; border-radius: 50%; border:1px solid #cbd5e7; margin-top: 1em} .equipe .link img {display: block; width:100%; transform-origin: 50% 50%} .argements {} .double {width: 42%; padding: 0 3%; margin-right: 4%; float: left; background-color: #fff; margin-bottom: 3em} .DoublesansM {margin-right: 0} .visuDouble {width: 100%; display: block} .double h2 {position: relative; display: block; padding-left:3.2em} .double h2 strong {color:#214e99; font-weight: 500; font-size: 1.4em; line-height: 1.2em; display: block} .double h2 span {color:#08425a; font-weight: 400; font-size: 1.1em; line-height: 1.6em; display: block} .double h2 img {width: 2.3em; position: absolute; top:0.2em; left: 0} .double p {color:#888888; font-size: 0.95em; line-height: 1.6em; padding-top:0.4em; padding-bottom:0.9em} .blocspar2 {width: 45%; margin-right:10%; float: left; padding-bottom: 3em; padding-top: 0} .blocspar2sansM {margin-right: 0} .blocspar2 p {color:#08425a; font-size: 1.1em; line-height: 1.8em} .blocspar2 strong {color:#19509a; font-weight: 500} .blocspar2 .imgMini {width:28%; display: block; margin-bottom: 2em} .overflowH {overflow: hidden} #partenairesListe {padding-top: 2em} #partenairesListe li {width: 15%; margin-right: 2%; float: left} #partenairesListe li.lisansM {margin-right: 0} #partenairesListe li.ret {width: 100%; height: 0; float: none; margin: 0; padding: 0; clear: both} #partenairesListe li.ret2 {display: none} #partenairesListe li img {width: 100%; display: block; margin-bottom: 1em} #partenairesListe2Ext2 {padding-top: 2em; padding-bottom: 2em; width: 100%; position: relative} #partenairesListe2Ext {width: 100%; /*height: 200px;*/ overflow: hidden; position: relative} #partenairesListe2 {position: relative; width: 100%; z-index: 80; } /*.H #partenairesListe2 {position: absolute; top: 0; left: 0; width: 9000px; z-index: 80}*/ #partenairesListe2 li {display:block; float:left; width:12.5%} #partenairesListe2 li.partenaireliPREM {display: block; visibility: hidden} #partenairesListe2 li img {width: 94%; display: block; margin-left: auto; margin-right: auto} #partenairesListe2 li.ret {width: 100%; height: 0; float: none; margin: 0; padding: 0; clear: both} .H #partenairesListe2 .lipartenaire {display: none} .H #partenairesListe2 li.partenaireliPREM {display: block} #Partenaires-prec, #Partenaires-suiv {position: absolute; top: 50%; width:2.8em; margin-top: -1.4em; background-color: #FFFFFF; border-radius: 50%; cursor: pointer; transform-origin: 50% 50%} #Partenaires-prec {left: -4.5em} #Partenaires-suiv {right: -4.5em} #Partenaires-prec img, #Partenaires-suiv img {width: 100%; display: block} #listePageactus {width: 100%; padding-top:4em; padding-bottom:4em} #listePageactus li {width: 30%; margin-right: 4.95%; float: left; margin-bottom: 7em; position: relative} #listePageactus li.sansM {margin-right: 0} #listePageactus li.ret {margin: 0; width: 100%; float: none; clear: both} #listePageactus li .lienactus {display: block; position: relative; width: 100%; background-color: #FFFFFF; position: relative} #listePageactus li .lienactus b {position: relative; display: block; width: 100%; overflow: hidden; z-index: 15} #listePageactus li .lienactus b img {width: 100%; position: relative; display: block; transform-origin: 50% 50%} #listePageactus li .lienactus div {padding: 0 1.8em; position: relative; display: block; z-index: 15} #listePageactus li .lienactus strong {color:#1f1f1f; font-weight: 600; font-size: 1.2em; padding-top: 1.5em; padding-bottom:1.2em; line-height: 1.6em; display: block} #listePageactus li .lienactus p {color:#4e4e4e; font-size: 1em; line-height: 1.6em; margin: 0; padding: 0; display: block; padding-bottom: 4.8em} #listePageactus li .lienactus div .actu-fl {width: 3em; position: absolute; bottom: 0.6em; left: 1.2em} #listePageactus li .cat {font-size: 0.8em; text-transform: uppercase; color: #fff; background-color: #214e99; padding-top: 0.7em; padding-bottom: 0.7em; padding-left: 1em; padding-right: 1em; line-height: 1.3em; position: absolute; top: 1.2em; left: -0.8em; z-index: 20; letter-spacing: 0.06em} #archives ul {padding-top: 4em} #archives li {display: block; width: 80%; max-width: 1400px} #archives li a {display: block; padding: 1.6em 0 1.6em 0; border-bottom:1px solid #d3dceb} #archives li a strong {color:#1f1f1f; font-weight: 600; font-size: 1.05em; display: block; float: left; width: 70%; line-height: 1.6em} #archives li a .categorie {color:#878787; font-weight:400; font-size: 0.85em; text-transform: uppercase; letter-spacing: 0.05em; display:block; float: left; text-align: right; width: 30%; line-height: 1.6em; padding-top: 0.3em} #archives li a .date { padding-left: 2em} .retourActu {letter-spacing: 0.03em;color:#214e99; display:inline-block; margin-left: 12.2%; padding-left: 1em; position: relative; font-weight: 500; } #retourActus {font-size: 1.05em; margin-bottom: 1.9em} #retourActus2 {font-size: 1.25em; margin-bottom: 1.9em; margin-top: 7em; margin-bottom: 7em} .retourActu img {position: absolute; top: 50%; margin-top: -0.25em; width: 0.5em; left: 0; display: block} #intro-article {margin-left: 12.2%; padding-left:2.4%; width: 50%; display: block; position: relative} #intro-article h1 {color:#08425a; font-size: 3em; font-weight: 600; line-height: 1.3em} #intro-article span {color:#214e99; font-size: 0.9em; font-weight: 400; line-height: 1.8em; text-transform: uppercase; padding-top: 1.6em; display: block} #intro-article .traitV2 {position: absolute; top: 0; left: 0; height: 100%; width: 2px; background-color: #214e99; transform-origin: 100% 100%} .couv-article {width: 90%; display: block; position: relative; overflow: hidden; background-color: #1a2a45;padding-top: 8em; padding-bottom: 6em;} .couv-article .preambule {width: 40%; margin-left: 13.55%; padding-left: 2.66%; position: relative; z-index: 12; max-width:1200px} .couv-article .cal {width: 100%; display: block; transform-origin: 50% 50%; position: absolute; top: 0; left: 0; z-index: 10; transform-origin: 50% 50%} .preambule h2 {color:#fff; font-size: 2em; font-weight: 600; line-height: 1.7em} .preambule p {color:#fff; font-size: 1.3em; font-weight: 500; line-height: 1.7em; padding-top: 0.5em} #article {width: 90%} .cont-article {width: 50%; margin-left: 13.55%; float: left; padding-left: 2.66%; border-left: 2px solid #dce1eb; display: block; margin-top: 4em; font-size: 1.1em; color:#000000; line-height: 1.9em; margin-bottom: 10em} .cont-article p { font-size: 1em; margin: 0; padding: 0} .cont-article li {list-style:initial} .cont-article ul { font-size: 1em; color:#363636; margin: 0; padding: 0; padding-left:1em; display: block; list-style: disc; } .cont-article li { font-size: 1em; margin: 0; padding:0; padding-bottom: 0.2em; display:list-item; list-style: disc; line-height: 1.6em } .cont-article li::marker { color: #1a56a7; font-size: 1em} .cont-article ul ul, .cont-article ol ul { font-size: 0.95em; color:#5B5B5B; list-style: circle} .cont-article ul ul li, .cont-article ol ul li {list-style: circle} .cont-article ul ul ul, .cont-article ol ul ul, .cont-article ul ol ul, .cont-article ol ol ul { font-size: 0.95em; color:#5B5B5B; list-style: circle} .cont-article ul ul ul li, .cont-article ol ul ul li, .cont-article ul ol ul li, .cont-article ol ol ul li {list-style: circle} .cont-article ol { font-size: 1em; color:#363636; margin: 0; padding: 0; padding-left:1em; list-style: decimal} .cont-article ol li {list-style: decimal} .cont-article ol li::marker {color: #1e73be; font-size: 1em} .cont-article ol ol, .cont-article ul ol { font-size: 0.95em; color:#5B5B5B; list-style: decimal} .cont-article ol ol li, .cont-article ol ul li { list-style: decimal} .cont-article ol ol ol, .cont-article ul ol ol, .cont-article ol ul ol, .cont-article ul ul ol { font-size: 0.95em; color:#5B5B5B; list-style: decimal} .cont-article ol ol ol li, .cont-article ul ol ol li, .cont-article ol ul ol li, .cont-article ul ul ol li { list-style: decimal} .cont-article table{ border-collapse: collapse; width:100%; min-width:320px;} .cont-article th, .cont-article td{ border: 1px solid #1b529b; padding:0.6em;vertical-align: top; text-align: left} .cont-article tbody > tr:nth-of-type(even) { background-color:#f5f6f9} .cont-article thead, .cont-article tfoot { background-color:#f5f6f9} .cont-article .bloc-sommaire {border-radius: 10px; background-color: #FFFFFF; padding:1em 1.5em; margin-bottom:3em} .cont-article .bloc-sommaire .sommaire-titre {color:#08425a; font-weight: 300; font-size: 1.4em; padding-bottom:0.3em; display: block; position: relative; margin-bottom: 0.5em} .cont-article .bloc-sommaire .sommaire-titre::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:rgba(33, 78, 153, 0.1); } .cont-article .bloc-sommaire a {text-decoration: none; color:#3c5fa1; display: inline-block; vertical-align: top; line-height: 1.6em} .cont-article .bloc-sommaire a:hover {color:#747474} .cont-article .bloc-sommaire .sommaire-niveau1 {font-weight:500; font-size: 1em} .cont-article .bloc-sommaire .sommaire-niveau2 {font-weight:400; font-size: 0.95em} .cont-article h2 {color:#1b5597; font-weight: 600; font-size: 1.8em; padding: 0 0 1em 0; margin-bottom: 0.5em; display: block;line-height: 1.6em; position:relative; padding-bottom:0.3em;} .cont-article h2::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:rgba(33, 78, 153, 0.15); } .cont-article h3 {color:#1b5597; font-weight: 600; font-size: 1.35em; padding: 0 0 0.6 0; margin-bottom: 0.5em; display: block; line-height: 1.6em; position:relative; padding-bottom:0.3em; } .cont-article h3::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:rgba(33, 78, 153, 0.1); } #article .cont-article h4 {color:#1b5597; font-weight: 600; font-size: 1.1em; margin:0; padding:0.7em 0; display: block; text-decoration: underline; line-height: 1.6em} #article .cont-article h5 {color:#1b5597; font-weight: 600; font-size: 1em; margin:0; padding:0.7em 0; display: block; line-height: 1.6em} #article .cont-article h6 {color:#1b5597; font-weight: 600; font-size: 0.9em; margin:0; padding:0.7em 0; display: block; line-height: 1.6em} .cont-article .decale {margin-left: 2.5em} .cont-article .grossir {font-size:1.2em} .cont-article .italique {font-style: italic} .cont-article .bloc {padding-left: 2.5em; border-left: 3px solid #19509a} .cont-article strong {color: #000000; font-weight: 600} .cont-article span.couleur {color:#3c5fa1;} .cont-article a {color:#3c5fa1; text-decoration: underline} .cont-article a:hover {color:#223f76; text-decoration: none} .cont-article .mini {font-size: 0.8em; text-decoration: none} .cont-article img {display: block; margin:1em 0 1em 0; width: 100%} .cont-article .trait {width: 5em; background-color: #19509a; height: 2px; display: block; margin-bottom: 1em; margin-top:1em} .cont-article .video { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .cont-article .video iframe { left:0; top:0; height:100%; width:100%; position:absolute; } #plus1, #plus2, #plus3, #plus4, #plus5, #plus6, #plus7, #plus8, #plus9, #plus10, #plus11, #plus12, #plus13, #plus14, #plus15, #plus16, #plus17, #plus18, #plus19, #plus20 {font-size: 0.8em; color:#464646; line-height: 1.6em; padding: 1.2em 0 0 0 ; margin: 0; display: block} #plus1 span, #plus2 span, #plus3 span, #plus4 span, #plus5 span, #plus6 span, #plus7 span, #plus8 span, #plus9 span, #plus10 span, #plus11 span, #plus12 span, #plus13 span, #plus14 span, #plus15 span, #plus16 span, #plus17 span, #plus18 span, #plus19 span, #plus20 span {color:#3c5fa1} .autres-actus {width: 24%; float: right; margin-top: 5em} #listePageIntactus {width: 100%; padding-top:0; padding-bottom: 7em} #listePageIntactus li {width: 100%; margin-bottom: 3em; position: relative; display: block} #listePageIntactus li.sansM {margin-right: 0} #listePageIntactus li.ret {margin: 0; width: 100%; float: none; clear: both} #listePageIntactus li .lienactus {display: block; position: relative; width: 100%; background-color: #FFFFFF; position: relative} #listePageIntactus li .lienactus b {position: relative; display: block; width: 100%; overflow: hidden; z-index: 15} #listePageIntactus li .lienactus b img {width: 100%; position: relative; display: block; transform-origin: 50% 50%} #listePageIntactus li .lienactus div {padding: 0 1.8em; position: relative; display: block; z-index: 15} #listePageIntactus li .lienactus strong {color:#1f1f1f; font-weight: 600; font-size: 1.2em; padding-top: 1.5em; padding-bottom:1.2em; line-height: 1.6em; display: block} #listePageIntactus li .lienactus p {color:#4e4e4e; font-size: 1em; line-height: 1.6em; margin: 0; padding: 0; display: block; padding-bottom: 4.8em} #listePageIntactus li .lienactus div .actu-fl {width: 3em; position: absolute; bottom: 0.6em; left: 1.2em} #listePageIntactus li .cat {font-size: 0.8em; text-transform: uppercase; color: #fff; background-color: #214e99; padding-top: 0.7em; padding-bottom: 0.7em; padding-left: 1em; padding-right: 1em; line-height: 1.3em; position: absolute; top: 1.2em; left: -0.8em; z-index: 20; letter-spacing: 0.06em} #intro-contact {font-size:1em; color:#08425a; width: 44%; float: right; font-weight: 500; line-height: 1.7em; padding-top: 1.7em; -webkit-user-select:text; -moz-user-select:text; -khtml-user-select:text; -ms-user-select:text} #intro-contact strong {font-weight:600; font-size: 1.2em; padding-bottom: 1.1em; display: block} .Introcoordonnees {padding-bottom:0.8em; display: block} .Introcoordonnees a {display: inline-block; position: relative; padding-left: 2.3em; color:#08425a; font-size: 1.15em; line-height: 1.5em; padding-top:0.1em; padding-bottom: 0.1em; letter-spacing: 0.025em} .Introcoordonnees a img {width: 1.4em; position: absolute; top:0.1em; left: 0} #carte {float: right; width:33.7%; margin-top: 2em; margin-right:4%; position: relative; display: block; overflow: hidden} #carteint {width: 100%; display: block; position: relative; z-index: 10; transform-origin: 50% 50%} #rond {background-color: #214e99; width: 1.4em; height: 1.4em; position: absolute; top: 50%; margin-top: -0.7em; left:50%; margin-left: -0.7em; display: block; border-radius: 50%; border:2px solid #fff; z-index: 11; transform-origin: 50% 50%} #infoscarte {font-size: 0.85em; color:#fff; position: absolute; top: 50%; margin-top:-5.2em; left:0; width: 100%; text-align: center; display: block; z-index: 12; width: 100%; transform-origin: 0 0; letter-spacing: 0.025em} #infoscarte div {position: relative; width: 100%; text-align: center} #infoscarte span {background-color: #214e99; display: inline-block;padding: 1em 1.7em; border-radius: 3em; position: relative; z-index: 12} #infoscarte img {position: absolute; bottom: -8px; left: 0; width:20px; display: block; z-index: 11; left: 50%; margin-left: -10px; display: block} #votredemande {padding-top: 4em; padding-bottom: 10em; width: 40%; margin-left: 16.2%; float: left} #votredemande h2 {font-size: 1.9em; font-weight: 500; display: block; text-align:left; padding-bottom: 0em; color:#fff; padding-left:1.3em; position: relative; line-height: 1.2em} #votredemande h2 img {width:0.7em; position: absolute; top: 0.25em; left: 0; display: block} #formulaire2 ::-webkit-input-placeholder {color:#fff; } #formulaire2 :-moz-placeholder {color:#fff; opacity:1; } #formulaire2 ::-moz-placeholder {color:#fff;opacity:1;} #formulaire2 :-ms-input-placeholder {color:#fff;} #formulaire2 ::-ms-input-placeholder {color:#fff;} #formulaire2 ::placeholder {color:#fff;} #formulaire2 .titreformulaire {color:#b2d1de; font-size: 1.1em; font-weight:400; padding: 2.3em 0 0 0; display: block; letter-spacing: 0.04em; line-height: 1.6em} #formulaire2 .titreformulaire strong {color:#fff; display: inline-block; font-size: 1em; letter-spacing: 0.05em; font-weight:500} #formulaire2 {display:block; text-align:left; margin:0 auto; padding-top:2.5em; width:100%; font-size:1em; font-family: 'Kant', sans-serif; font-weight:400; letter-spacing:0.04em; -webkit-user-select:text; -moz-user-select:text; -khtml-user-select:text; -ms-user-select:text} #formulaire2 .formgauche {width:47%; float:left; margin:0.6em 0 0 0; display: block} #formulaire2 .formdroite {width:47%; float:left; margin:0.6em 0 0 6%; display: block} #formulaire2 .fromlong {width:100%; float:none; margin:0.9em 0 0 0; padding:0; display: block} #formulaire2 input.text {color:#fff; font-size:1.15em; border:none; padding:0.4em 0 0.4em 0; font-family: 'Kant', sans-serif; font-weight:400; border-bottom:1px solid #537b8c; background:none; border-radius:0; letter-spacing: 0.025em} #formulaire2 input.text:hover {color:#fff; background-color:#1b5167;border-bottom:1px solid #97b3bf; } #formulaire2 textarea{margin:2.5em 0 0 0; height:10em; color:#fff; border:none; padding:1em 4% 0.8em 4%; background-color: #1b5167; width:92%; border-radius:20px; font-size:1.15em; font-family: 'Kant', sans-serif; font-weight:400; line-height: 1.6em} #formulaire2 textarea:hover {color:#fff; background-color: #245e76;} #formulaire2 .check {display: block; position: relative; width: 100%; margin-bottom: 0.2em;-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} #formulaire2 .labcheckbox2 {display:block; font-size:1em; font-weight:400; color:#d1d7da; cursor: pointer; float: left; padding-left:36px; padding-bottom: 0.4em; line-height: 1.4em; padding-top: 0.2em} #formulaire2 .labcheckbox2 a {color:#d1d7da; text-decoration: underline} #formulaire2 .labcheckbox2 a:hover { text-decoration: none} #formulaire2 input.box2 {accent-color:#000; width:20px; height:20px; display:inline-block; position: absolute; top:2px; left: 0; cursor: pointer} #formulaire2 .minimargeH {margin-top: 0.9em} #formulaire2 .labcheckbox {display:block; font-size: 1.05em; font-weight: 400; color:#000000; cursor: pointer;float: left; padding-left:35px; padding-bottom: 0.4em; line-height: 1.4em; padding-top: 0.3em} #formulaire2 input.box {accent-color:#000; width:22px; height:22px; display:inline-block; position: absolute; top:2px; left: 0; cursor: pointer} #formulaire2 input.box:checked, #formulaire2 input.box2:checked {accent-color:#000} #formulaire2 .labcheckbox:hover, #formulaire2 .labcheckbox2:hover {color:#d1d7da;} #formulaire2 #envoyer {color:#214e99; text-transform:uppercase; background-color:#fff; border-radius:8px;display:block; border:none; padding:0.9em 0 0.9em 14%; width:100%; font-size:1.1em; background-image:url(../Images/trait.gif); background-repeat:no-repeat; background-position:6% 50%; background-size:5%; line-height:1.2em; letter-spacing:0.2em; margin:2.2em 0 1.3em 0; cursor:pointer; text-align:left; font-weight:400; font-family: 'Kant', sans-serif;} #formulaire2 .envoyerreduit {width:75%} #message-requete {font-family: 'Kant', 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:#414f4b; 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} .intRegular {width:50%; margin-left:14.6%; padding-top: 7em; padding-bottom: 10em } .h3regular {color:#214e99; font-size: 1.6em; font-weight: 500; padding-top: 2em; display: block; position: relative; line-height: 1.7em} .pregular {color:#3D4147; font-size: 1.1em; line-height: 1.85em; margin: 0; padding: 1.5em 0 0 0} .ulregular { padding-top: 1em;} .ulregular li {line-height: 1.6em; padding-bottom: 0.7em; font-size: 1.1em; color:#3D4147; font-weight: 400; padding-left: 1em; position: relative} .ulregular li i {font-size: 1.05em; position: absolute; top: 0; left: 0; font-style: normal} .intRegular strong {color: #000; font-weight: 500} .intRegular a {color:#214e99; font-weight: 400; text-decoration: underline} .intRegular a:hover {color:#3162B3; text-decoration: none} .topliste {background-color: #fbf9f9; width: 100%; padding-top: 4em; margin-top:10em} @media screen and (max-width: 2100px) { .topliste {padding-top: 4em; margin-top:6em} } .topliste h2 {color:#08425a; font-size:2em; font-weight: 300; line-height: 1.6em; text-align: center; display: block; padding-top: 1em; position: relative} .topliste h2 span {color:#214e99} .topliste h2 i {width: 2.4em; height: 2px; background-color: #173464; position: absolute; top: 0; left:50%; margin-left: -1.2em; display: block} .H .topliste h2 i {transform-origin: 50% 50%} .toplisteInt {padding-top:4em; padding-bottom:0em} .toplisteInt li {width: 30%; margin-right: 4.95%; float: left; margin-bottom: 7em; position: relative; overflow: hidden; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em} .toplisteInt li.sansM {margin-right: 0} .toplisteInt li.ret {margin: 0; width: 100%; float: none; clear: both} .toplisteInt li .lienTopliste {display: block; position: relative; width: 100%; background-color: #fff; position: relative} .toplisteInt li .lienTopliste .imgTop {position: relative; display: block; width: 100%; overflow: hidden; z-index: 15; background-color: #FFFFFF} .toplisteInt li .lienTopliste .imgTop img {width: 100%; position: relative; display: block; transform-origin: 50% 50%} .divTop {padding: 0 1.8em; position: relative; display: block; z-index: 15; position: relative; padding-bottom: 3em} .traitTop {width: 100%; height: 2px; background-color:#eaeff6} .H .traitTop {transform-origin: 50% 50%} .typeTop {padding-top:1em; padding-bottom: 1em; text-align: center; color:#19509a; font-size: 0.7em;line-height: 1.5em; } .typeTop span {border:1px solid #19509a; color:#19509a; font-weight:500; padding:0.5em 0.9em 0.4em 0.9em; line-height: 1.5em; display:inline-block; border-radius: 100px; margin-right: 0.2em; margin-left: 0.2em; text-transform: uppercase; background-color: #FFFFFF; margin-top: 0.8em} .titreTop {font-weight: 600; color:#08425a; font-size: 1.25em; line-height: 1.35em; letter-spacing: 0.07em; display: block; text-align: center; text-transform: uppercase; padding-top: 0.2em} .detailsTop {padding:0.4em 0 0 0; margin: 0; color:#4e4e4e; font-size: 0.85em; line-height: 1.5em; margin: 0; padding:1em 0 0 0; display: block;} .detailsTop span { display: block; background-image:url(../Images/fl2.png); background-repeat:no-repeat; background-position:0em 1em; background-size: 0.4em; padding-left: 1.1em; line-height: 1.6em; padding-top:0.5em; font-size:1em; color:#4e4e4e; } .detailsTop b {color:#19509a; font-weight:normal} .offre-bt { display: block; width: 100%; text-align: center; padding-top: 2em } .offre-bt span {position: relative; display: inline-block; padding-top:0.9em; padding-bottom: 0.9em; padding-right: 4.1em; padding-left: 1.9em; font-weight: 500; color: #214e99; border-radius: 120px;background-color: #e0e6f1; font-size: 0.9em;} .offre-bt span b {position: absolute; top: 50%; right:1.6em; width:1.5em; margin-top: -0.75em; display: block} .cabinetContact {width: 100%; padding-top:1em; padding-bottom:3em; position: relative} .cabinetContactInt {/*width: 40%; margin-left: auto; margin-right: auto;*/ background-color: #fff; margin-top: 4em; padding-top:4em; padding-bottom: 5em; position: relative; z-index: 12} .cabinetContact h2 {color:#08425a; font-size:2em; font-weight: 300; line-height: 1.6em; text-align: center; display: block; padding-top: 1em; position: relative} .cabinetContact h2 span {color:#214e99} .cabinetContact h2 i {width: 2.4em; height: 2px; background-color: #173464; position: absolute; top: 0; left:50%; margin-left: -1.2em; display: block} .H .cabinetContact h2 i {transform-origin: 50% 50%} .cabiDemande { width: 85%; margin-left: auto; margin-right: auto} .cabiDemandeG {width: 40%; float: left; margin-right:5% } .cabiDemandeD {width: 55%; float:left; position: relative} .cabiDemandeD i {width:2px; height: 100%; background-color:#214e99; position: absolute; top: 0; left:-6%} .cabiDemande h3 {font-size: 2em; font-weight: 500; display:block; text-align:left; padding-bottom: 0.8em; color:#214e99; padding-left:1.3em; position: relative; line-height: 1.2em} .cabiDemande h3 img {width:0.7em; position: absolute; top: 0.25em; left: 0; display: block} #formulaire3 ::-webkit-input-placeholder {color:#3E3E3E; } #formulaire3 :-moz-placeholder {color:#3E3E3E; opacity:1; } #formulaire3 ::-moz-placeholder {color:#3E3E3E;opacity:1;} #formulaire3 :-ms-input-placeholder {color:#3E3E3E;} #formulaire3 ::-ms-input-placeholder {color:#3E3E3E;} #formulaire3 ::placeholder {color:#3E3E3E;} #formulaire3 .titreformulaire {color:#08425a; font-size: 1.1em; font-weight:400; padding: 2.3em 0 0 0; display: block; letter-spacing: 0.04em; line-height: 1.6em} #formulaire3 .titreformulaire strong {color:#214e99; display: inline-block; font-size: 1em; letter-spacing: 0.05em; font-weight:500} #formulaire3 {display:block; text-align:left; margin:0 auto; padding-top:0em; width:100%; font-size:1em; font-family: 'Kant', sans-serif; font-weight:400; letter-spacing:0.04em; -webkit-user-select:text; -moz-user-select:text; -khtml-user-select:text; -ms-user-select:text} #formulaire3 .formgauche {width:47%; float:left; margin:0.6em 0 0 0; display: block} #formulaire3 .formdroite {width:47%; float:left; margin:0.6em 0 0 6%; display: block} #formulaire3 .fromlong {width:100%; float:none; margin:0.9em 0 0 0; padding:0; display: block} #formulaire3 input.text {color:#3E3E3E; font-size:1.15em; border:none; padding:0.4em 0 0.4em 0; font-family: 'Kant', sans-serif; font-weight:500; border-bottom:1px solid #e0e4ed; background:none; border-radius:0; letter-spacing: 0.025em} #formulaire3 input.text:hover {color:#08425a; background-color:#faf8f9;border-bottom:1px solid #a0b1d1; } #formulaire3 .check {display: block; position: relative; width: 100%; margin-bottom: 0.2em;-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} #formulaire3 .labcheckbox2 {display:block; font-size:1em; font-weight:400; color:#687fa6; cursor: pointer; float: left; padding-left:36px; padding-bottom: 0.4em; line-height: 1.4em; padding-top: 0.2em} #formulaire3 .labcheckbox2 a {color:#687fa6; text-decoration: underline} #formulaire3 .labcheckbox2 a:hover { text-decoration: none} #formulaire3 input.box2 {accent-color:#000; width:20px; height:20px; display:inline-block; position: absolute; top:2px; left: 0; cursor: pointer} #formulaire3 .minimargeH {margin-top: 0.9em} #formulaire3 .labcheckbox {display:block; font-size: 1.05em; font-weight: 400; color:#000000; cursor: pointer;float: left; padding-left:35px; padding-bottom: 0.4em; line-height: 1.4em; padding-top: 0.3em} #formulaire3 input.box {accent-color:#000; width:22px; height:22px; display:inline-block; position: absolute; top:2px; left: 0; cursor: pointer} #formulaire3 input.box:checked, #formulaire3 input.box2:checked {accent-color:#000} #formulaire3 .labcheckbox:hover, #formulaire3 .labcheckbox2:hover {color:#687fa6;} #formulaire3 #envoyer {color:#fff; text-transform:uppercase; background-color:#214e99; border-radius:8px;display:block; border:none; padding:0.9em 0 0.9em 14%; width:100%; font-size:1.1em; background-image:url(../Images/trait2.gif); background-repeat:no-repeat; background-position:6% 50%; background-size:5%; 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: 'Kant', sans-serif;} #formulaire3 .envoyerreduit {width:75%} .listeoptchoix {margin-top:0.5em; } .optchoix {display: inline-block; background-color:#fbf9f9; padding:0.8em 5.2em 0.8em 1.7em; position: relative; margin-right:0.7em; margin-bottom:0.7em; border-radius: 50px; font-size: 1.1em; font-weight:500; color:#3E3E3E; cursor: pointer} .optchoix span {display: inline-block} .optchoix div {position: absolute; top: 50%; margin-top: -0.6em; width:2.8em; height: 1.2em; right: 1em; display: block; border-radius: 50px; background-color: #949494} .optchoix div i {position:relative; width: 100%; height: 100%; display: block} .optchoix div i b {position:absolute; width: 0.8em; height: 0.8em; display: block; top: 50%; margin-top: -0.4em; background-color: #FFFFFF; border-radius: 50%; left:0.3em} .pagechoix .checkbox-list {padding:3em 0} .pagechoix .check {display: block; position: relative; width: 100%; margin-bottom: 0.2em; margin-top:0.2em; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} .pagechoix .labbox {display:block; font-size:1.1em; font-weight:400; color:#000000; cursor: pointer; padding-left:46px; padding-bottom: 0.4em; line-height: 1.4em; padding-top: 0.2em} .pagechoix input.box {accent-color:#000; width:24px;border-radius:4px; height:24px; display:inline-block; position: absolute; top:1px; left: 0; cursor: pointer;} .pagechoix input.box:checked, .pagechoix input.box:checked {accent-color:#000} .pagechoix .labbox:hover, .pagechoix .labbox2:hover {color:#45636d;} .H .checkbox-list {display:none} /*@media screen and (max-height:730px) , screen and (max-width: 1750px) {*/ @media screen and (max-width: 1750px) { .H #load {width:40px; /*height:10px*/margin-top:-5px; margin-left:-20px;} body {font-size: 0.8em} #remonte {width:37px; height:37px} #remonte img {width:16px; margin-left:-8px; margin-top:-8px} #basint {width:1160px} .col2 {margin-left: 11%} .col3 {margin-left: 6%} .col4 {margin-left: 6%} .conseil-cont {width:400px} #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} #formulaire2 .labcheckbox2 {padding-left:29px;padding-top: 0.3em;} #formulaire2 input.box2 {width:16px; height:16px} #formulaire2 .labcheckbox {padding-left:30px;padding-top: 0.3em} #formulaire2 input.box {width:18px; height:18px} } /*@media screen and (max-height:570px) , screen and (max-width:1340px) {*/ @media screen and (max-width:1340px) { body {font-size: 0.72em} #visu-MDO {margin-left: 4%; width:75%} #citation-ac p {font-size: 1.4em; line-height: 1.7em} #temoignagesExt {padding-top: 11em} .degrade1{height: 15em} #temoignages {padding: 3.5em 0 3em 0} #basint {width:1044px} .col2 {margin-left: 11%} .col3 {margin-left: 6%} .col4 {margin-left: 6%} .conseil-cont {width:370px} #partenairesListe2 li {display:block; float:left; width:16.66%} #formulaire2 .labcheckbox2 {padding-top: 0.4em;} #formulaire2 .labcheckbox {padding-left:26px;padding-top: 0.45em} #formulaire2 input.box {width:16px; height:16px} .cabiDemande { width: 88%} .cabiDemandeG {width: 43%; float: left; margin-right:5% } .cabiDemandeD {width: 52%; float:left} #formulaire3 .labcheckbox2 {padding-top: 0.4em;} #formulaire3 .labcheckbox {padding-left:26px;padding-top: 0.45em} #formulaire3 input.box {width:16px; height:16px} } /*@media screen and (max-height:460px) , screen and (max-width:1200px) {*/ @media screen and (max-width:1200px) { #MOB2 {display: block} #logo {width:6%; margin-left: 2.5%} .H #menu .lm {margin-right: 0.9em} #menu .am {padding:1em 0em 0.7em 0em; font-size:1em} #menu #m0, #menu #m1, #menu #m2 {padding-right:0.9em} #menu .am img {width:0.5em; margin-top: -0.25em} #portrait {width: 29%; margin-left:6%; left:5%; } #intro { width: 60%; font-size: 0.75em} #portrait-texte h1 {font-size: 2.3em} #legende {font-size: 0.9em} .lien-ac {font-size: 1.2em} #reseaux-ac {left: 4.2%; width: 2.6%} #reseaux-ac li {margin-top: 0.9em} .ext1 {width:78%} .h2traitA {font-size: 2.1em} #objectifs {margin-top: 4em} #objectifs li {margin-bottom: 5em} #objectifs li a {font-size:1.2em} #objectifs li a b {margin-bottom: 1.1em} .h2traitB {font-size: 2.1em} #entrepreneur p {font-size: 1.1em; margin-top:3em;} #entrepreneur ul { margin-top:2em} #entrepreneur ul li a {font-size: 1.15em} #entrepreneur .ext1 {overflow: hidden} #visu-entrepreneur {right: -20%; width: 100%} .servicesPlus {margin-top: 5em; margin-right: 15%} #visu-MDO {margin-left: 4%; width:85%} #citation-ac {top:45%} #citation-ac p {font-size: 1.3em; line-height: 1.7em} .avis {font-size: 1.3em; line-height:1.8em; width:65%;} #precedent {width:4.3em; top:17.5em; left: 7%} #suivant {width:4.3em; top:17.5em; right:7%} .h3traitA {font-size:1.9em} #logobas {width:6%} #basint {width:930px} .col2 {margin-left: 8%} .col3 {margin-left: 4%} .col4 {margin-left: 4%} .margeObj1 {margin-top: 4em; margin-bottom: 4em} .margeObjreduit {margin-top: 4em; margin-bottom:2.5em} #introK-visu {margin-left: 8%; padding-left:2.4%; width: 31.5%} #introK-blocD {width: 54%} #introK-obj h2 {font-size: 2.6em} #introK-obj h1 {font-size: 0.9em} #introK-obj2 {font-size: 1.1em} #intro-obj {margin-left: 8%; padding-left:2.4%; width: 40%} #intro-obj h2 {font-size: 2.6em} #intro-obj h1 {font-size: 0.9em} #intro-obj2 {font-size: 1.1em; width: 48%;} .objExt {width:90%} .objInt {margin-left: 8.88%; padding-left: 2.66%} .margeobjInt {padding-top: 5em} .margeobjIntreduit {padding-top: 4em} .objG {width: 42.2%} .objD {width: 40.5%;margin-right: 7%} .objDh303 {width: 47.5%;} .margeobjA {margin-top:4em} .margeobjB {margin-bottom:3em} .h301 {font-size: 1.8em} .h303 {font-size: 1.4em} .h304 {font-size: 1.4em} .conseil {padding-top: 3em; margin-top:4em} .conseil.sansmargeH {margin-top: 0; padding-top:2em} .conseil.avecmargeB {padding-bottom:8em} .conseil h2 {font-size:1.8em} .ext-obj {width:79.2%} .conseilInt {margin-top: 3em; padding-top:5em} .conseil-cont {width:350px; padding:2.8em; } .cabinet {padding-top:5em} .cabinetInt {padding-top:5em; padding-bottom:5em; } .cabinetG {width: 43%; margin-left: 7%} .cabinetD {width: 43%; margin-right: 4%} .cabinet h2 {font-size: 1.4em} .lien-cab {font-size: 1em} .cabinet-liste li {padding-bottom: 1.6em} .visuCabinet { width:60%;right:5%} .h2traitC {font-size: 1.4em} .blocspar2 .imgMini {width:34%} #archives li {width:85%} .retourActu {margin-left: 8%} #intro-article {margin-left: 8%; padding-left:2.4%; width: 60%} .couv-article .preambule {margin-left: 8.88%; padding-left: 2.66%; width: 45%} .cont-article {width: 53%; margin-left: 8.88%; padding-left: 2.66%} .autres-actus {width: 27%} .lexique {width: 52%; padding:7em 0 10em 0} #intro-contact {font-size:1.1em; width: 44%} #infoscarte img {bottom: -6px;} #votredemande {padding-top: 5em; padding-bottom: 13em; width: 42%; margin-left: 11.55%} #votredemande h2 {font-size: 1.8em} .intRegular {width:65%; margin-left:10.4%; padding-top: 6em; padding-bottom: 10em; font-size: 1.1em } .margH10 {margin-top: 5em} .margH15 {margin-top: 6em} .margB20 {margin-bottom: 10em} } /*@media screen and (max-height:400px) , screen and (max-width:990px) {*/ @media screen and (max-width:990px) { /*@media screen and (max-width:980px) {*/ #MOB2 {display:none} #MOB {display: block} .retMob {display:block; clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none} #logoHaut {width: 80px; margin-left: 10%; padding-top: 20px; display: block; position: relative; top: 0; left: 0} .H #logoHaut {display: block; visibility: hidden} #logoHaut img {width: 100%; display: block} #btmenu {display:block; position: fixed; top:20px; right:7%; width:50px; height:50px; z-index:950; transform-origin:50% 50%; cursor: pointer; background-color: rgba(255,255,255,0.9)} #b1, #b2, #b3 {width:22px; height: 2px; background-color: #163261; position: relative; margin-left:auto; margin-right: auto; display: block; transform-origin: 0 0} #b1 {margin-top:17px} #b2 {margin-top:5px} #b3 {margin-top: 5px} .H #btmenu, .H #btmenu i {visibility: hidden} /* navigation */ #menuHaut {width: 100%; position:relative; top:0; left: 0; padding-top:0; z-index: 500; background-color: #fbf9f9;} .H #menuHaut {width:100%; height: 100%; position: fixed; left:0; top: 0; padding-top: 0; z-index:900; overflow: scroll; display: none} #logo {width: 80px; margin-left: 10%; padding-top:20px; float:none} .H #logo {visibility: hidden} #menu {margin:3em 0 0 10%; padding:0; float:none; position:relative; width: auto; z-index:800} .H #menu .lm {display:block; float:none; margin: 0; padding: 0} #menu .am {display:inline-block; padding:0.4em 0 0.25em 0; font-size: 1.8em; font-weight:500; margin:0} #menu .am span {padding-bottom: 0.15em; line-height: 1.2em} #menu #m0, #menu #m1, #menu #m2 {padding-right:1em} #menu .am img {width:0.5em; margin-top: -0.25em} #menu li .mactif {color:#184f99} .sousmenu { position: relative; background:none; border-radius: 10px; padding-left:0; padding-right:0; padding-top:0.2em; padding-bottom:2em; z-index: 500; box-shadow: 0 0 0 #f4f4f4} .H .sousmenu {position: relative; background:none; padding-left:0; padding-right:0; padding-top:0.2em; padding-bottom:2em; z-index: 500; display: none} .sousmenu li {display:block; border: none} .sousmenu li a {display:inline-block; padding:0; line-height: 1.6em; font-size:1.4em; margin:0; overflow: visible; border-bottom: 1px solid #dee5f0} .sousmenu li a span {padding-top: 0.6em; padding-bottom: 0.6em; padding-left: 1.1em} .H .sousmenu li a b { display: none} .sousmenu li a.sousmactif {color:#18264c} #menuHaut .mentions {text-align: left; margin-left: 10%; color:#7E7E7E; margin-top: 4em; font-size: 1.2em; visibility: hidden; padding-bottom: 5em} #menuHaut .mentions a {display: block; color:#7E7E7E} #menuHaut .mentions a i {display: none} #menuHaut .mentions span {display: none} /* fin navigation*/ #portrait {width: 40%; margin-top: 50px; margin-bottom:0; margin-left:0%; left:0; position: relative; float: left} #intro { width:60%; float: right; margin-top:0; font-size: 0.9em} #introint {padding-left:5%; margin-left:10%; padding-right:10%} #portrait-texte h1 {font-size: 2.3em} .texte-ac br {display: none} .texte2-ac br {display: none} .texte2-ac strong {padding-bottom: 1.8em} #reseaux-ac {left:1em; width: 3.2%; margin-left: 0} #reseaux-ac li {margin-top:0em; margin-bottom:1em; width: 100%} #reseaux-ac a {border:0 solid #cbd5e7; background-color: #FFFFFF} .ext1 {width:85%} #objectifs li a {font-size:1.1em} #objectifs li a b {margin-bottom: 1.1em} #entrepreneur {padding-top: 8em; padding-bottom: 5em} #entrepreneur p {margin-right: 30%} #entrepreneur p br {display: none} .blocG {float:none; width: 68%; margin-left: auto; margin-right: auto; max-width: 448px} .blocD {float:none; width: 85%; margin-left: auto; margin-right: auto; margin-bottom: 5em; max-width: 560px} .servicesPlus {margin-top: 4em; margin-right:0} #visu-MDO {margin-left:10%; width:80%} #citation-ac {top:45%; padding:2em 3em 3em 3em} #citation-ac p {font-size: 1.4em; line-height: 1.8em} .servicesPlus .depliB p {font-size:1.05em; line-height: 1.7em} .servicesPlus .depliB ul {font-size: 1.05em} #temoignagesExt {padding-top: 11em} .degrade1{ width: 100%; height: 15em} #temoignages {padding: 3em 0 3em 0;} .avis {font-size: 1.2em; line-height:1.7em; width:70%;} #precedent {width:4.3em; top:17.5em; left: 3%} #suivant {width:4.3em; top:17.5em; right:3%} #listeactus {font-size: 1.4em} #bleuactus {top: 10em} #listeactus li a div {padding: 0 1.2em} #listeactus li a p {font-size:1em} #listeactus li {width: 100%; margin-right:0; float:none; margin-bottom: 3em} #listeactus li.ret {margin: 0; width: 100%; float: none; clear: both} #listeactus li a div {padding: 0 1.8em; min-height:5em} #btactusExt {padding-top: 2em; padding-bottom:9em} #logobas {width:80px} #basint {width:620px} .col1 {width: 45%} .col2 {width:45%; margin-left:10%} .col3 {margin-left:0; margin-top: 4em; width: 45%; clear:both} .col4 {width:45%; margin-left: 10%; margin-top: 4em} .margeObj1 {margin-top: 5em; margin-bottom: 5em} .margeObjreduit {margin-top: 5em; margin-bottom:2em} .margeK {margin-top: 4em; margin-bottom: 5em} #introK-visu {margin-left: 8%; padding-left:2.4%; width: 26%} #introK-blocD {width: 60%} #introK-obj h2 {font-size: 2.7em} #introK-obj h1 {font-size: 0.95em} #introK-obj2 {font-size: 1.3em} #introK-obj2 br {display: none} #intro-obj {margin-left: 10%; padding-left:2.4%; width: 80%; float: none} #intro-obj h2 {font-size: 3.1em} #intro-obj h1 {font-size: 1em} #intro-obj2 {font-size: 1.4em; padding-top: 2.5em; width: 82.4%; margin-left: 10%; float: none} #intro-obj2 br {display: none} .objExt {width:100%} .objInt {margin-left: 10%; padding-left:0} .margeobjInt {padding-top: 7em} .margeobjIntreduit {padding-top: 4em; padding-bottom: 1em} .objG {width: 80%; float: none} .objD {width: 80%;margin-right:0; float: none; margin: 0; padding-top: 4em; padding-bottom: 6em} .objDh303 {width: 80%; float: none; padding-bottom: 2em} .margeobjA {margin-top:0} .margeobjB {margin-bottom:0} .visuflotant {width: 60%; margin-bottom: 0} .h301 {font-size: 2em} .h302 {font-size: 1.2em; padding-top: 0} .h303 {font-size: 1.8em} .h303sansM {margin-top: 0} .h304 {font-size: 1.8em} .p01 {font-size: 1.3em} .p02 {font-size: 1.2em} .p03 {font-size: 1.35em} .gdeliste {padding-bottom: 3em} .bloc2G {width: 27%} .bloc2D {width: 50%; margin-right: 15%} .bloc2Gi {width: 50%; } .bloc2Di {width: 27%; margin-right: 15%;} .conseil {padding-top: 4em; margin-top:6em} .conseil.sansmargeH {margin-top: 0; padding-top: 2em} .conseil.avecmargeB {padding-bottom:6em} .conseil h2 {font-size:1.8em} .ext-obj {width:80%} .conseilInt {margin-top: 4em; padding-top:8em} .conseil-cont {width:340px; padding:2.4em; font-size: 1.1em} .cabinet {padding-top:6em;} .cabinetInt {padding-top:4em; padding-bottom:6em; } .cabinetG {width: 80%; margin-left: 10%; float: none} .cabinetD {width: 80%; margin-right: 0; margin-left: 10%; float: none; margin-top:6em} .cabinet h2 {font-size: 1.8em} .lien-cab {font-size: 1em; margin-top: 2.6em} .cabinet-liste {font-size: 1.1em} .visuCabinet { width:70%;right:5%} .h2traitC {font-size: 1.8em} .blocspar2 .imgMini {width:50%} #partenairesListe li {width: 30%; margin-right: 5%; float: left} #partenairesListe li.lisansM {margin-right: 0} #partenairesListe li.lisansM2 {margin-right: 0} #partenairesListe li.ret2 {display:block; width: 100%; height: 0; float: none; margin: 0; padding: 0; clear: both} #partenairesListe2 li {display:block; float:left; width:50%} #Partenaires-prec, #Partenaires-suiv {width:4em; margin-top: -2em} #Partenaires-prec {left: -4.2em} #Partenaires-suiv {right: -4.2em} #listePageactus {font-size: 1.4em} #listePageactus li {width: 100%; margin-right:0; float:none; margin-bottom: 4em; position: relative} #listePageactus li .lienactus strong {font-size: 1.2em} #archives {font-size: 1.4em} #archives ul {padding-top:3em} #archives li {width: 100%} #archives li a {padding: 1.6em 0 2em 0} #archives li a strong {font-size: 1.1em; float:none; width: 100%} #archives li a .categorie {font-size: 0.85em; float: none; text-align: left; width:100%; padding-top: 0.9em} #archives li a .date {padding-left:1em} .retourActu {margin-left: 10%} #intro-article {margin-left: 10%; padding-left:4%; width: 82%} .couv-article {width:100%; padding-top: 10em; padding-bottom: 8em; font-size: 1.4em} .couv-article .preambule {margin-left: 10%; padding-left:0; width:70%} #article {width: 100%; font-size: 1.4em} .cont-article {width: 70%; margin-left: 10%; padding-left: 4%; float: none} .autres-actus {width: 70%; float:none; margin-top: 14em; margin-left: 10%} #listePageIntactus {padding-bottom:4em; font-size: 1.2em} .lexique {width: 70%; padding:7em 0 10em 0} #intro-contact {font-size: 1.4em; padding-top:4em; width: 90%; margin-left: 10%; float: none} #votredemande {padding-top: 6em; padding-bottom: 6em; width: 80%; margin-left: 10%; float: none} #votredemande h2 {font-size:2.2em} #carte {float: left; width: 80%; margin-left: 10%; margin-right: 0; margin-bottom: 6em} #formulaire2 {padding-top:2.5em; width:100%; font-size:1.2em} #formulaire2 .labcheckbox2 {padding-top: 0.5em;} #formulaire2 .labcheckbox {padding-top: 0.45em} .intRegular {width:80%; margin-left:10%} .margH10 {margin-top: 7em} .margH15 {margin-top: 11em} .paddH13 {padding-top: 10em} .margB20 {margin-bottom: 0} .toplisteInt {max-width: 400px; font-size: 1.2em} .toplisteInt li {width:100%; margin-right:0; float:none; margin-bottom:3em} .toplisteInt li.sansM {margin-right: 0} .toplisteInt li.ret {margin: 0; width: 100%; float: none; clear: both} .cabiDemande { width:80%} .cabiDemandeG {width:100%; float:none; margin-right:0; padding-bottom: 4em } .cabiDemandeD {width:100%; float:none} .cabiDemandeD i {display: none} #formulaire3 {padding-top:0em; width:100%; font-size:1.2em} #formulaire3 .labcheckbox2 {padding-top: 0.5em;} #formulaire3 .labcheckbox {padding-top: 0.45em} .optchoix {font-size: 1.3em} } /*@media screen and (max-height:330px) , screen and (max-width:710px) {*/ @media screen and (max-width:710px) { #MOB3 {display: block} .H #load {width:32px; /*height:8px*/margin-top:-4px; margin-left:-16px;} #portrait {width: 80%; float: none; margin-top: 4em; margin-left:10%; } #intro { width:100%; float: none; margin-top: 4em; padding-top: 4em; padding-bottom: 6em; font-size: 1em} #introint {padding-left:5%; margin-left:10%; padding-right: 8%} #portrait-texte {left:13.2%; margin-top:8em} #portrait-texte h1 {font-size: 2.2em} .titre-ac strong {font-size:2.8em} .titre-ac span {font-size: 0.95em} .texte-ac {line-height:1.8em; font-size: 1.2em;} .lien-ac {font-size: 1em} .texte-ac br {display: none} #legende {font-size: 0.95em} #reseaux-ac {left:5.8%; width: 8.4%; margin-left: 0} .ext1 {width: 80%} .h2traitA {font-size: 2em} #objectifs {margin-top:4em} #objectifs li {width: 100%; margin-right:0; float: none; margin-bottom:5em} #objectifs li a {font-size:1.4em} #objectifs li a b {margin-bottom: 1em} #objectifs li a .ico {max-width: 30px} .h2traitB {font-size: 2em} #entrepreneur {margin-top: 8em; padding-top: 5em; padding-bottom:5em} #entrepreneur p {font-size: 1.1em; margin-top:2em; margin-right:0} #entrepreneur p br {display: none} #entrepreneur ul { margin-top:2.4em} #entrepreneur ul li {margin-bottom:1.6em} #entrepreneur ul li a {font-size: 1.3em} #entrepreneur ul li a span {padding-bottom: 0.5em} #entrepreneur .ext1 {overflow:visible; padding: 0} #visu-entrepreneur {right: 0%; width: 100%; position: relative; margin-bottom: 4em} .blocG {float:none; width: 100%; margin-left: auto; margin-right: auto; max-width: 800px} .blocD {float:none; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 5em; max-width: 800px} .servicesPlus {margin-top: 4em; margin-right:0} #visu-MDO {margin-left:0%; width:100%} #citation-ac {top:50%; padding:1.5em 2em 2em 2em} #citation-ac p {font-size: 1.2em; line-height: 1.6em} .servicesPlus .depliB p {font-size: 1.1em; line-height: 1.8em} .servicesPlus .depliB ul {font-size:1.1em; line-height: 1.6em;margin: 0 0 0 1.2em;} .depliA { font-size:1.2em} /*#temoignagesExt {padding-top: 11em} .degrade1{ width: 100%; height: 15em}*/ #temoignages {padding: 3em 0 3em 0;} .avis {font-size: 1.1em; line-height:1.6em; width:75%} .avis br {display: none} span.google-stars {font-size: 0.4em} #precedent {width:4.3em; top:17.5em; left:-2.15em; background-color: #fff} #suivant {width:4.3em; top:17.5em; right:-2.15em; background-color: #fff} .h3traitA {font-size:1.8em} #listeactus {font-size: 1.2em} #listeactus li {width: 100%; margin-right:0; float:none; margin-bottom: 3em} #listeactus li.ret {margin: 0; width: 100%; float: none; clear: both} #listeactus li a div {padding: 0 1.8em; min-height:5em} #btactusExt {padding-top: 2em; padding-bottom:9em} #bas {padding: 7em 0 8em 0} #basint {width:80%; padding-bottom: 4em; font-size: 1.4em} #logobas {margin-bottom:0; margin-left: 10%; margin-right: 0} .col {float: none; display:block; padding-top:3em} .col1 {width: 100%; padding-top:5em;} .col2 {width:100%; margin-left:0; padding-top:4em} .col3 {margin-left:0; margin-top:0em; width: 100%} .col4 {width:100%; margin-left: 0; margin-top:0em} .col strong {font-size: 1.3em; padding-bottom: 1.1em} .col1 .coordonnees {padding-bottom:0.8em; display: block} .col1 .coordonnees a {display: inline-block; position: relative; padding-left: 2.3em; color:#c0c2c6; font-size: 1.2em; line-height: 1.5em; padding-top:0.1em; padding-bottom: 0.1em} .col2 li, .col3 li, .col4 li {padding-bottom:0.1em; display: block} .col2 li a, .col3 li a, .col4 li a { display: inline-block; color:#c0c2c6; font-size: 1.1em; padding: 0.2em 0; position: relative; line-height: 1.5em} .col2 li a i, .col3 li a i, .col4 li a i {background-color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; transform-origin: 0 0} .mentions {text-align: left; margin-left: 10%} .mentions a {display: block; font-size: 1.2em; padding: 0.6em 0 0.4em 0} .mentions a i {display: none} .mentions span {display: none} #menuHaut .mentions a {font-size: 1.1em; padding: 0.4em 0 0.2em 0} .margeObj1 {margin-top: 5em; margin-bottom: 5em} .margeObjreduit {margin-top: 5em; margin-bottom:3em} .margeK {margin-top: 5em; margin-bottom: 5em} #introK-visu {float: none; margin-left: 10%; padding-left:0; width: 80%; margin-top:2.5em} #introK-blocD {width: 85%; margin-left: 10%; float:none} #introK-obj {display: block; padding-left:5%; position: relative} #introK-obj h2 {font-size: 2.4em} #introK-obj h1 {font-size: 0.9em} #introK-obj2 {padding-left:0; font-size: 1.4em; padding-top: 2em;} #introK-obj2 br {display: none} #intro-obj {margin-left: 10%; padding-left:4%; width: 80%} #intro-obj h2 {font-size: 2.4em} #intro-obj h1 {font-size: 0.9em} #intro-obj2 {font-size: 1.4em; padding-top: 2.5em; width: 84%; margin-left: 10%} #intro-obj2 br {display: none} .objInt {margin-left: 10%} .margeobjInt {padding-top: 7em} .margeobjIntreduit {padding-top: 4em} .objG {width: 90%} .objD {width: 90%} .objDh303 {width: 90%; padding-bottom: 1em} .visuflotant {width: 65%} .h301 {font-size: 2em} .h302 {font-size: 1.1em; padding-top: 0} .h303 {font-size: 1.6em; margin-top: 4em} .h303sansM {margin-top: 0} .h304 {font-size: 1.6em} .p01 {font-size: 1.3em} .p02 {font-size: 1.2em} .p03 {font-size: 1.25em} .gdeliste {font-size: 0.9em; padding-bottom: 3em} .bloc2 {padding: 7em 0 7em 0; } .bloc2G {width: 65%; float: none; margin-bottom: 3em } .bloc2D {width: 100%; float: none; margin-right: 0%} .bloc2Gi {width: 100%; float: none;} .bloc2Di {width: 65%; float: none; margin-right: 0; margin-bottom: 3em} .bloc2PREM {margin-top:7em} .bloc2miniMbas {padding: 7em 0 4em 0;} .conseil {padding-top: 6em; margin-top:6em} .conseil.sansmargeH {margin-top: 0; padding-top: 2em} .conseil.avecmargeB {padding-bottom:6em} .conseil h2 {font-size:1.6em} .ext-obj {width:80%} .conseilInt {margin-top: 4em; padding-top:6em; width: 100%} .conseil-cont {width:70%; padding:2em 5% 2em 5%; font-size: 1.15em} .cabinet {padding-top:6em;} .cabinetInt {padding-top:2.5em; padding-bottom:6em; } .cabinetG {width: 84%; margin-left: 10%; } .cabinetD {width: 84%; margin-left: 8%; margin-top:6em} .cabinet h2 {font-size: 1.3em} .lien-cab {font-size: 1em} .cabinet-liste {font-size: 1em} .visuCabinet { width:75%;right:0} .h2traitC {font-size: 1.6em} .equipeInt {width: 100%; margin-right: 0; float: none; margin-bottom: 4.5em} .equipe .vignette {width: 65%} .equipe .ligne {width: 65%} .equipe strong { font-size: 1.15em} .equipe ul li { font-size: 1.05em} .double {width: 90%; padding: 0 5%; margin-right:0; float:left; margin-bottom: 3em} .double p {font-size: 1.05em} .blocspar2 {width: 100%; margin-right:0%; float:none; padding-bottom: 3em; padding-top: 0} .blocspar2 p {font-size: 1.2em} .blocspar2 .imgMini {width:40%} #listePageactus {font-size: 1.2em} #listePageactus li {width: 100%; margin-right:0; float:none; margin-bottom: 4em; position: relative} #listePageactus li .lienactus strong {font-size: 1.2em} #archives {font-size: 1.1em} #archives ul {padding-top:3em} #archives li {width: 100%} #archives li a {padding: 1.6em 0 2em 0} #archives li a strong {font-size: 1.1em; float:none; width: 100%} #archives li a .categorie {font-size: 0.85em; float: none; text-align: left; width:100%; padding-top: 0.9em} #archives li a .date {padding-left:1em} #intro-article {margin-left: 10%; padding-left:4%; width: 82%} #intro-article h1 {font-size: 2em} #intro-article span {font-size: 0.85em} #article {width: 100%; font-size: 1.1em} .couv-article {width:100%; padding-top:6em; padding-bottom:6em; font-size: 1.1em} .couv-article .preambule {margin-left: 10%; padding-left:0; width:86%} .preambule h2 {font-size: 1.6em} .preambule p {font-size: 1.3em} .cont-article {width: 82%; padding-left: 0; border:none; font-size: 1.2em} .cont-article .decale {margin-left: 1.25em} .cont-article .bloc {padding-left: 1.25em; border-left: 2px solid #19509a} .autres-actus {width: 80%; margin-top: 12em;} #listePageIntactus {padding-bottom:3em; font-size: 1em} .lexique {width: 80%; padding:5em 0 8em 0} .lexiquePlus .depliB p {width:100%} #intro-contact {font-size: 1.1em; width: 90%; margin-left: 10%} #formulaire2 .titreformulaire {font-size: 1.15em; margin: 1.8em 0 0 0} #formulaire2 {width:100%; font-size:1.05em;} #formulaire2 .formgauche {width:100%; float:none;margin:1.3em 0 0 0} #formulaire2 .formdroite {width:100%; float:none;margin:1.3em 0 0 0} #formulaire2 .fromlong {margin:1em 0 0 0} #formulaire2 input.text {font-size:16px} #formulaire2 textarea{font-size:16px; height: 13em} #formulaire2 .labcheckbox2 {padding-left:30px;padding-top: 0.3em} #formulaire2 input.box2 {width:16px; height:16px} #formulaire2 .labcheckbox {padding-left:30px;padding-top: 0.35em} #formulaire2 input.box {width:18px; height:18px} #formulaire2 #envoyer {margin:2.8em 0 1.3em 0} #formulaire2 .envoyerreduit {width:100%} #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;} .intRegular {width:83%;font-size: 1em} .toplisteInt {font-size: 1.1em} .cabinetContact h2 {font-size:1.7em} .cabiDemande { width:85%} .cabiDemande h3 {font-size: 1.7em} #formulaire3 .titreformulaire {font-size: 1.15em; margin: 1.8em 0 0 0} #formulaire3 {width:100%; font-size:1.05em;} #formulaire3 .formgauche {width:100%; float:none;margin:1.3em 0 0 0} #formulaire3 .formdroite {width:100%; float:none;margin:1.3em 0 0 0} #formulaire3 .fromlong {margin:1em 0 0 0} #formulaire3 input.text {font-size:16px} #formulaire3 textarea{font-size:16px; height: 13em} #formulaire3 .labcheckbox2 {padding-left:30px;padding-top: 0.3em} #formulaire3 input.box2 {width:16px; height:16px} #formulaire3 .labcheckbox {padding-left:30px;padding-top: 0.35em} #formulaire3 input.box {width:18px; height:18px} #formulaire3 #envoyer {margin:2.8em 0 1.3em 0} #formulaire3 .envoyerreduit {width:100%} .optchoix {font-size: 1.2em} } @media screen and (max-width:350px) { .optchoix {font-size: 1.1em} }