body { margin:0px; background-color:#000; background-image:url(../../photographe-architecture-immobilier/Resources/fond-escalier-col.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; height:100% } html { height:100% } #minideco a:link { color:#ff0; text-decoration:none } #minideco a:visited { color:#ff0; text-decoration:none } #minideco a:hover { color:#ff0; text-decoration:none } #minideco a:active { color:#ff0; text-decoration:none } #decorum a:link { color:#ff0; text-decoration:none } #decorum a:visited { color:#ff0; text-decoration:none } #decorum a:hover { color:#ff0; text-decoration:none } #decorum a:active { color:#ff0; text-decoration:none } #archideco a:link { color:#ff0; text-decoration:none } #archideco a:visited { color:#ff0; text-decoration:none } #archideco a:hover { color:#ff0; text-decoration:none } #archideco a:active { color:#ff0; text-decoration:none } #bloccontact a:link { color:#fff; text-decoration:underline } #bloccontact a:visited { color:#fff; text-decoration:underline } #bloccontact a:hover { color:#fff; text-decoration:underline } #bloccontact a:active { color:#fff; text-decoration:underline } #titre2 a:link { text-decoration:none } #titre2 a:visited { text-decoration:none } #titre2 a:hover { text-decoration:none } #titre2 a:active { text-decoration:none } #informations a:link { color:#fff; text-decoration:none } #informations a:visited { color:#fff; text-decoration:none } #informations a:hover { color:#fff; text-decoration:none } #informations 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 } #menustudio a:link { color:#690 } #menustudio a:visited { color:#690 } #menustudio a:hover { color:#690 } #menustudio a:active { color:#690 } #menuarchitecture a:link { color:#60a9f7 } #menuarchitecture a:visited { color:#60a9f7 } #menuarchitecture a:hover { color:#60a9f7 } #menuarchitecture a:active { color:#60a9f7 } #menuretouche a:link { color:#277f8c } #menuretouche a:visited { color:#277f8c } #menuretouche a:hover { color:#277f8c } #menuretouche a:active { color:#277f8c } #menulocation a:link { color:#bc0071 } #menulocation a:visited { color:#bc0071 } #menulocation a:hover { color:#bc0071 } #menulocation a:active { color:#bc0071 } #liensbas a:link { color:#ccc; text-decoration:none } #liensbas a:visited { color:#ccc; text-decoration:none } #liensbas a:hover { color:#ccc; text-decoration:none } #liensbas a:active { color:#ccc; text-decoration:none } #PageDiv { position:relative; min-height:100%; max-width:1200px; margin:auto; padding-top:2%; padding-bottom:3% } #principal { position:relative; width:100%; min-height:100px } #ZebureaulogoHD { width:140px; height:140px; margin-bottom:40px; overflow:hidden } #item3 { width:90%; z-index:0; clear:both; padding:1% 4%; margin:1% } #minideco { position:relative; width:27%; min-height:688px; z-index:0; float:left; clear:left; padding:3% 2% 3% 3%; margin-left:1%; margin-bottom:1%; background-image:url(../Resources/deco-reseaux-plus.jpg); background-size:cover; background-repeat:no-repeat } #HQlabel { position:absolute; width:20%; top:5px; right:5px; max-width:80px; z-index:1 } #decorum { position:relative; width:27%; min-height:688px; z-index:0; float:left; padding:3% 2% 3% 3%; margin-left:1%; margin-bottom:1%; background-image:url(../Resources/deco-med-mono.jpg); background-position:right top; background-size:cover; background-repeat:no-repeat } #HQlabel1 { position:absolute; width:20%; top:5px; right:5px; max-width:80px; z-index:1 } #archideco { position:relative; width:27%; min-height:688px; z-index:0; float:left; padding:3% 2% 3% 3%; margin-left:1%; margin-bottom:1%; background-image:url(../Resources/deco-max-mono.jpg); background-position:right top; background-size:cover; background-repeat:no-repeat } #HQlabel2 { position:absolute; width:20%; top:5px; right:5px; max-width:80px; z-index:1 } #blocinfos { width:99%; z-index:0; clear:both; margin-left:1%; margin-top:1% } #titre2 { width:92.93%; z-index:0; clear:both; padding:1% 3%; margin-top:2%; margin-bottom:1%; background-image:url(../../photographe-architecture-immobilier/Resources/bandeau-forfait-g.png); background-position:center top; background-size:cover; background-repeat:no-repeat } #service { left:1278px; top:444px; width:13px; height:13px; overflow:hidden } #informations { width:94%; z-index:0; padding:3% 2% 3% 3%; margin-top:1%; margin-bottom:1%; background-image:url(../Resources/fond-reportage-ph.jpg); background-position:center; background-size:cover; background-repeat:no-repeat } #menubas { width:98%; z-index:0; margin-left:1% } #liensbas { width:94%; z-index:0; clear:left; padding:1% 2%; margin-left:1%; margin-bottom:30px; overflow:hidden } #AKomZanzibarweb.f-ms { bottom:631px } #menu { position:absolute; left:1%; top:160px; width:98%; height:auto; max-width:1176px; z-index:2; overflow:visible } #Instagram48 { width:24px; float:right; margin-right:1% } .fwNavContainer1 { float:right; position:relative; right:50% } #fwNav1 { position:relative; display:block; left:50%; 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_j.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #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) { #PageDiv { max-width:1226px } #HQlabel { max-width:82px } #HQlabel1 { max-width:82px } #HQlabel2 { max-width:82px } #menu { max-width:1201px } } @media screen and (max-width:1024px) { #minideco { min-height:776px } #decorum { min-height:776px } #archideco { min-height:776px } } @media screen and (max-width:900px) { #bloccontact a:link { text-decoration:none } #bloccontact a:visited { text-decoration:none } #bloccontact a:hover { text-decoration:none } #bloccontact a:active { text-decoration:none } #PageDiv { max-width:1224px } #minideco { width:43.5%; min-height:650px } #HQlabel { max-width:119px } #decorum { width:43.5%; min-height:650px } #HQlabel1 { max-width:119px } #archideco { width:93%; min-height:0px } #HQlabel2 { max-width:240px } #blocinfos { width:98% } #menubas { width:97% } #liensbas { width:93% } #menu { max-width:1200px } } @media screen and (max-width:800px) { #HQlabel { max-width:124px } #HQlabel1 { max-width:124px } #HQlabel2 { max-width:250px } } @media screen and (max-width:768px) { body { background-size:auto; background-repeat:repeat } } @media screen and (max-width:600px) { #PageDiv { max-width:1247px } #item3 { margin-bottom:2% } #minideco { width:93%; min-height:320px; margin-bottom:4% } #decorum { width:93%; min-height:320px; margin-bottom:4% } #archideco { min-height:320px; margin-bottom:4% } #titre2 { width:93%; padding-top:2%; padding-bottom:2%; margin-bottom:2% } #menubas { width:98% } #liensbas { width:94% } #menu { left:42.17%; top:150px; right:41.83%; width:auto; height:30px; min-width:30px; max-width:1080px } .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 { 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 } .fwNav1-toggle-close { background-image:url('../../Resources/Menu-iphone-close.png'); margin:10px auto 0px auto } .fwNavContainer1.fwMenuOn { margin-right:0; left:0 } #fwNav1 .fwNavItem .sub .fwNavItem a { padding-top:12px; padding-bottom:12px; padding-right:10px; padding-left:20px } #fwNav1 .fwNavItem .sub .sub .fwNavItem a { padding-left:30px } #fwNav1 .fwNavItem .sub .sub .sub .fwNavItem a { padding-left:40px } #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) { #HQlabel { max-width:245px } #HQlabel1 { max-width:245px } } @media screen and (max-width:320px) { #PageDiv { padding-top:0px; padding-bottom:0px } }