body { margin:0px; background-color:#ccc; background-image:url(../Resources/fond-zebureau-mat.jpg); background-position:center top; background-size:cover; background-repeat:repeat-y; background-attachment:fixed; height:100% } html { height:100% } a:link { color:#fff } a:visited { color:#fff } a:hover { color:#ff0 } a:active { color:#ff0 } #item3 a:link { color:#fff } #item3 a:visited { color:#fff } #item3 a:hover { color:#e32119 } #item3 a:active { color:#e32119 } #item4 a:link { text-decoration:none } #item4 a:visited { text-decoration:none } #item4 a:hover { color:#000; text-decoration:none } #item4 a:active { color:#000; text-decoration:none } #tariftrombinoscope a:link { color:#fff } #tariftrombinoscope a:visited { color:#fff } #tariftrombinoscope a:hover { color:#fff } #tariftrombinoscope a:active { color:#fff } #autredemande a:link { color:#cebe75 } #autredemande a:hover { color:#cebe75; text-decoration:none } #autredemande a:active { color:#cebe75; text-decoration:none } #autredemande1 a:link { color:#fff } #autredemande1 a:hover { color:#fff; text-decoration:none } #autredemande1 a:active { color:#fff; text-decoration:none } #menubas a:link { color:#b3b3b3; text-decoration:none } #menubas a:visited { color:#b3b3b3; text-decoration:none } #menubas a:hover { color:#f5f5f5; text-decoration:none } #menubas a:active { color:#f5f5f5; text-decoration:none } #m5 a:link { color:#690 } #m5 a:visited { color:#690 } #m5 a:hover { color:#690 } #m5 a:active { color:#690 } #item9 a:link { color:#60a9f7 } #item9 a:visited { color:#60a9f7 } #item9 a:hover { color:#60a9f7 } #item9 a:active { color:#60a9f7 } #m11 a:link { color:#277f8c } #m11 a:visited { color:#277f8c } #m11 a:hover { color:#277f8c } #m11 a:active { color:#277f8c } #m10 a:link { color:#bc0071 } #m10 a:visited { color:#bc0071 } #m10 a:hover { color:#bc0071 } #m10 a:active { color:#bc0071 } #liensbas a:link { color:#b3b3b3; text-decoration:none } #liensbas a:visited { color:#b3b3b3; text-decoration:none } #liensbas a:hover { color:#f5f5f5; text-decoration:none } #liensbas a:active { color:#f5f5f5; text-decoration:none } #PageDiv { position:relative; min-height:100%; margin:auto } #Principal { width:96%; max-width:1536px; z-index:0; margin-left:auto; margin-top:150px; margin-right:auto } #titrepage { width:92%; z-index:0; clear:both; padding:1% 4% 2.5%; margin-bottom:1% } #ColonneG { width:1px; height:1px; z-index:0; float:left; clear:both } #item1 { width:100%; z-index:0; float:left } #caroussel1 { width:19.51%; min-height:69.33%; z-index:0; float:left; margin-right:1% } #PortraitLinkedin11 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin22 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin4 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin8 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin9 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin2 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin3 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin18 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin10 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin27 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin7 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin15 { width:100%; float:left; margin-bottom:5% } #item3 { width:48%; z-index:0; float:left; padding:3% 5% 2%; margin-right:1%; background-color:#000 } #portraitfemmelinkedinzebureaucom { width:100%; overflow:hidden } #Microexpressionsportrait { width:100%; overflow:hidden } #portraithommelinkedinNBrec { width:50%; float:left } #portraithommelinkedinNB { width:50%; float:left; clear:right } #item4 { width:180px; z-index:0; padding:0% 1% 1.75%; margin-left:auto; margin-right:auto; background-color:#f28018 } #bttarifs { min-height:42px; vertical-align:top; display:inline-block } #linkedin { position:relative; z-index:0; border:dotted #f5f5f5 1px } #linkedin_m { position:relative; margin:0px; padding:3%; background-image:url(../Resources/item4.png); background-position:left top; background-size:auto; background-repeat:repeat; background-attachment:scroll } #PortraitLinkedincarre { width:50%; float:left } #PortraitLinkedinrond { width:50%; float:left } #tarifs { z-index:0; padding-top:40px; margin:0% auto 2% } #titretarifs { width:100%; z-index:0; margin-left:auto; margin-right:auto } #infostarifs { width:100%; z-index:0; float:left; padding-top:2% } #tariflinkedin { width:42%; min-height:520px; z-index:0; float:left; padding:3% 2% 2.5%; margin:3% 2%; background-color:#cebe75 } #tarifcorporate { width:42%; min-height:520px; z-index:0; float:left; padding:3% 2% 2.5%; margin:3% 2%; background-color:#ccc } #tariftrombinoscope { width:92%; z-index:0; float:left; padding:3% 2% 2.5%; margin:3% 2%; background-color:#60a5ae } #autredemande { width:92%; z-index:0; float:left; padding:3% 2% 2.5%; margin:3% 2%; background-color:#535353 } #autredemande1 { width:92%; z-index:0; float:left; padding:3% 2% 2.5%; margin:3% 2% } #caroussel { width:19.51%; min-height:68.87%; z-index:0; float:left } #PortraitLinkedin6 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin19 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin12 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin16 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin30 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin13 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin17 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin23 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin1 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin5 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin25 { width:100%; float:left; margin-bottom:5% } #PortraitLinkedin26 { width:100%; float:left; margin-bottom:5% } #item6 { width:54%; min-height:119px; z-index:0; clear:both; padding:2%; margin-left:20.51%; margin-right:auto; background-color:#000 } #item7 { left:220px; top:79px; width:120px; height:32px; margin:1% auto; overflow:hidden } #item8 { width:56%; min-height:50px; z-index:0; padding:1%; margin-left:20.51%; margin-right:auto; margin-bottom:30px; background-color:#000 } #item9 { width:23%; min-height:15px; z-index:0; float:left; padding:0.8% 0.5% 0.5%; background-color:#000 } #reseaux { position:fixed; width:60px; top:0.12%; right:1.25%; height:40px; z-index:2 } #menu { height:auto; overflow:visible; position:relative; z-index:9999 } #fwNav1 { float:left; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-right:1px dotted #F5F5F5; border-top:1px dotted #F5F5F5; border-bottom:1px dotted #F5F5F5; border-left:0 } #fwNav1 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:url(../../Resources/Menu-Zebureau.png) repeat; background-position:top left; padding:5px 5px 3px 5px; white-space:nowrap } #fwNav1 .fwFirstChild { border-left:1px dotted #F5F5F5 } #fwNav1 .fwLastChild { border-right:1px dotted #F5F5F5 } #fwNav1 .fwNavItem:hover > span a, #fwNav1 .fwNavItem:hover > a { color:#FFFF00; text-decoration:none } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FFFF00; text-decoration:none } #fwNav1 .fwNavItem a:active { color:#FFFF00; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../../Resources/Menu-iphone.png'); background-repeat:no-repeat; background-size:100% } #fwNav1 * .sub { visibility:hidden; position:absolute; left:-1px; float:left; padding:0; margin:0; list-style:none; z-index:1 } #fwNav1 .sub * .sub { top:-1px } #fwNav1 .fwNavItem .sub .fwNavItem { display:block; margin:0; padding:0; left:0; width:100%; *width:auto; border-left:1px dotted #F5F5F5; border-right:1px dotted #F5F5F5; border-bottom:1px dotted #F5F5F5; border-top:0 } #fwNav1 * * * .sub { left:100%; top:0 } #fwNav1 .fwNavItem .sub .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:url(../../Resources/Menu-Zebureau.png) repeat; background-position:top left; padding:5px 5px 3px 5px; white-space:nowrap } #fwNav1 .fwNavItem .sub .fwFirstChild { border-top:1px dotted #F5F5F5 } #fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:1px dotted #F5F5F5 } #fwNav1 .fwNavItem .sub .fwNavItem:hover > span a, #fwNav1 .fwNavItem .sub .fwNavItem:hover > a { color:#FFFF00; text-decoration:none } #fwNav1 .fwNavItem .sub .fwNavItem a:hover, #fwNav1 .fwNavItem .sub .fwNavItem span a:hover, #fwNav1 .fwNavItem .sub .fwNavItem a:focus { color:#FFFF00; text-decoration:none } #fwNav1 .fwNavItem .sub .fwNavItem a:active { color:#FFFF00; text-decoration:none } #fwNav1 :hover > .sub { visibility:visible } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#FFFF00; font-weight:normal } #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; color:#FFFF00; font-weight:normal } @media screen and (max-width:1200px) { body { background-size:contain } #tariflinkedin { width:92%; min-height:0px } #tarifcorporate { width:92%; min-height:0px } #reseaux { top:1.34% } } @media screen and (max-width:900px) { #reseaux { top:0.4% } } @media screen and (max-width:800px) { #reseaux { top:0.74% } } @media screen and (max-width:768px) { #Principal { margin-top:115px } #item9 { width:49% } #reseaux { top:0.16% } } @media screen and (max-width:600px) { #titrepage { padding-top:3%; padding-bottom:4% } #ColonneG { width:100%; height:auto } #caroussel1 { width:99%; min-height:0px } #PortraitLinkedin11 { width:23%; margin:1% } #PortraitLinkedin22 { width:23%; margin:1% } #PortraitLinkedin4 { width:23%; margin:1% } #PortraitLinkedin8 { width:23%; margin:1% } #PortraitLinkedin9 { width:23%; margin:1% } #PortraitLinkedin2 { width:23%; margin:1% } #PortraitLinkedin3 { width:23%; margin:1% } #PortraitLinkedin18 { width:23%; margin:1% } #PortraitLinkedin10 { width:23%; margin:1% } #PortraitLinkedin27 { width:23%; margin:1% } #PortraitLinkedin7 { width:23%; margin:1% } #PortraitLinkedin15 { width:23%; margin:1% } #item3 { width:89%; margin-bottom:2% } #autredemande { margin-top:1%; margin-bottom:1% } #caroussel { width:100%; min-height:0px } #PortraitLinkedin6 { width:23%; margin:1% } #PortraitLinkedin19 { width:23%; margin:1% } #PortraitLinkedin12 { width:23%; margin:1% } #PortraitLinkedin16 { width:23%; margin:1% } #PortraitLinkedin30 { width:23%; margin:1% } #PortraitLinkedin13 { width:23%; margin:1% } #PortraitLinkedin17 { width:23%; margin:1% } #PortraitLinkedin23 { width:23%; margin:1% } #PortraitLinkedin1 { width:23%; margin:1% } #PortraitLinkedin5 { width:23%; margin:1% } #PortraitLinkedin25 { width:23%; margin:1% } #PortraitLinkedin26 { width:23%; margin:1% } #item6 { width:95%; margin-left:0px; margin-right:1% } #item8 { width:97%; margin-left:0px; margin-right:1% } #reseaux { top:0.42% } #fwNav1 { width:100%; right:0; left:0; margin-top:10px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-bottom:1px dotted #F5F5F5; border-right:1px dotted #F5F5F5; border-top:0; border-left:1px dotted #F5F5F5 } #fwNav1 .fwNavItem a { padding-top:12px; padding-bottom:12px; padding-left:20px; padding-right:20px } #fwNav1 .fwFirstChild { border-top:1px dotted #F5F5F5 } #fwNav1 .fwLastChild { border-bottom:1px dotted #F5F5F5 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:0; left:100%; margin-right:-100%; background-color:#4C4C4C; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out left; -moz-transition:.2s ease-out margin, .2s ease-out left; -ms-transition:.2s ease-out margin, .2s ease-out left; -o-transition:.2s ease-out margin, .2s ease-out left; transition:.2s ease-out margin, .2s ease-out left } .fwNav1-toggle-close { background-image:url('../../Resources/Menu-iphone-close.png'); margin:10px 0px 0px 50px } .fwNavContainer1.fwMenuOn { margin-right:0; left:0 } #fwNav1 .fwNavItem .sub .fwNavItem a { padding-top:12px; padding-bottom:12px; padding-right:5px; padding-left:10px } #fwNav1 .fwNavItem .sub .sub .fwNavItem a { padding-left:15px } #fwNav1 .fwNavItem .sub .sub .sub .fwNavItem a { padding-left:20px } #fwNav1 .fwNavItem .sub { position:relative; visibility:visible; width:100%; left:0; top:0 } #fwNav1 .fwNavItem .sub .fwNavItem { width:100% } #fwNav1 .fwNavItem .sub .sub { left:0 } #fwNav1 .fwNavItem .sub .sub .fwNavItem { border-left:none } .fwMainPointer1, .fwSubPointer1 { display:none } #fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:none } #fwNav1 .fwLastChild .sub .fwLastChild { border-bottom:1px dotted #F5F5F5 } } @media screen and (max-width:480px) { #reseaux { top:0.55% } } @media screen and (max-width:320px) { #reseaux { top:0.51% } }