body { margin:0px; background-color:#fff; background-image:url(../../Resources/fond-architecture.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat; 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:#60a9f7 }
#item3 a:visited { color:#60a9f7 }
#item3 a:hover { color:#60a9f7 }
#item3 a:active { color:#60a9f7 }
#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 }
#m9 a:link { color:#60a9f7 }
#m9 a:visited { color:#60a9f7 }
#m9 a:hover { color:#60a9f7 }
#m9 a:active { color:#60a9f7 }
#m10 a:link { color:#bc0071 }
#m10 a:visited { color:#bc0071 }
#m10 a:hover { color:#bc0071 }
#m10 a:active { color:#bc0071 }
#m11 a:link { color:#277f8c }
#m11 a:visited { color:#277f8c }
#m11 a:hover { color:#277f8c }
#m11 a:active { color:#277f8c }
#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:1200px; z-index:0; margin-left:auto; margin-top:110px; margin-right:auto }
#ColonneG { width:1px; height:1px; z-index:0; float:left; clear:both; display:none }
#ColonneD { width:100%; z-index:0; float:left }
#item4 { width:51%; z-index:0; float:left; padding:4% 5% 2% 6%; background-color:#999 }
#Photographepatrimoinebarrageindustrielpolaroid { width:92.16%; overflow:hidden }
#item3 { z-index:0; padding:4% 2%; background-color:#535353; border:solid #f5f5f5 1px }
#service { left:1278px; top:444px; width:13px; height:13px; overflow:hidden }
#caroussel { width:38%; min-height:100px; z-index:0; float:left }
#PhotographepatrimoinesalletropheeChambord { width:50%; float:left }
#photographearchitectureindustriellevilleurbannev { width:50%; float:left }
#Photographearchitecturemodernevsancienne { width:50%; float:left }
#PhotographepatrimoinebetonParis { width:50%; float:left }
#Photographepatrimoinevilleancienne { width:50%; float:left }
#photographearchitecturelecorbusierv { width:50%; float:left }
#ChambreduroiChambord { width:50%; float:left }
#Photographiepatrimoinearchitecturalscolaire { width:50%; float:left }
#photographeartistiquearchitecturethierryallard { width:50%; float:left }
#facadebriqueimmeubleLondres { width:50%; float:left }
#Photographearchitecturepatrimoineindustriel { width:25%; float:left }
#Colonnesbibliothequenationalevienne { width:25%; float:left }
#PhotographegrandarchitecteBreuer { width:25%; float:left }
#gareunionstationlosangeles { width:25%; float:left }
#PhotographepatrimoineimmobilierSanFrancisco { width:25%; float:left }
#Photographepatrimoineeglisemoderne { width:25%; float:left }
#PhotographepatrimoineescalierLyon { width:25%; float:left }
#PhotographepatrimoineegliseLeCorbusier1 { width:25%; float:left }
#architecturepatrimoinefenetresdemilunelyon2 { width:25%; float:left }
#ArchitecturepatrimoineBudapestdrapeaux { width:25%; float:left }
#Arcadecloitreancienarles { width:25%; float:left }
#ArchitectureauMetropolitanMuseumofNewYork { width:25%; float:left }
#item2 { width:60%; z-index:0; float:left; clear:both; padding:1%; background-color:#999 }
#Instagram { vertical-align:bottom; overflow:hidden }
#instafeed { width:60%; z-index:0; float:left; padding:1%; background-color:#fff }
#blocletter { width:58%; min-height:119px; z-index:0; float:left; clear:both; padding:2%; background-color:#000 }
#item10 { width:50.08%; padding:1%; margin-top:5px; margin-bottom:5px; background-color:#fff; border:solid #690 1px }
#item9 { width:50%; height:40px; padding:1% }
#item11 { width:60%; min-height:50px; z-index:0; float:left; padding:1%; margin-bottom:30px; background-color:#000 }
#top { min-height:100px; max-width:1152px; padding-left:2%; padding-right:2%; margin-left:auto; margin-right:auto }
#Zebureaulogoblanc { width:100px; float:left; margin-right:2% }
#reseaux { position:fixed; width:60px; top:2.75%; right:1.25%; height:40px; z-index:2 }
#facebook48 { width:24px; height:24px; float:right; margin-left:2% }
#Instagram48 { width:24px; float:right; margin-right:1% }
#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:3px 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:3px 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:bold }
#fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; color:#FFFF00; font-weight:bold }
@media screen and (max-width:1100px)
{
	#Principal { max-width:1152px }
	#reseaux { top:0.25% }
}
@media screen and (max-width:900px)
{
	#reseaux { top:0.18% }
}
@media screen and (max-width:800px)
{
	#ColonneG { width:100% }
	#item4 { width:56% }
	#caroussel { width:32% }
	#PhotographepatrimoinesalletropheeChambord { width:100% }
	#photographearchitecturelecorbusierv { width:100% }
	#item2 { width:65% }
	#instafeed { width:65% }
	#blocletter { width:63% }
	#item11 { width:65% }
	#reseaux { top:0.97% }
}
@media screen and (max-width:768px)
{
	#Principal { margin-top:125px }
	#item10 { width:80% }
	#top { max-width:1106px }
	#reseaux { top:0.18% }
}
@media screen and (max-width:600px)
{
	#Principal { width:100%; max-width:1200px }
	#item4 { width:89% }
	#caroussel { width:100% }
	#PhotographepatrimoinesalletropheeChambord { width:25% }
	#photographearchitectureindustriellevilleurbannev { width:25% }
	#Photographearchitecturemodernevsancienne { width:25% }
	#PhotographepatrimoinebetonParis { width:25% }
	#Photographepatrimoinevilleancienne { width:25% }
	#photographearchitecturelecorbusierv { width:25% }
	#ChambreduroiChambord { width:25% }
	#Photographiepatrimoinearchitecturalscolaire { width:25% }
	#photographeartistiquearchitecturethierryallard { width:25% }
	#facadebriqueimmeubleLondres { width:25% }
	#PhotographegrandarchitecteBreuer { width:20% }
	#gareunionstationlosangeles { width:20% }
	#PhotographepatrimoineimmobilierSanFrancisco { width:20% }
	#Photographepatrimoineeglisemoderne { width:20% }
	#PhotographepatrimoineescalierLyon { width:20% }
	#PhotographepatrimoineegliseLeCorbusier1 { width:20% }
	#architecturepatrimoinefenetresdemilunelyon2 { width:20% }
	#ArchitecturepatrimoineBudapestdrapeaux { width:20% }
	#Arcadecloitreancienarles { width:20% }
	#ArchitectureauMetropolitanMuseumofNewYork { width:20% }
	#item2 { width:98% }
	#instafeed { width:98% }
	#blocletter { width:96% }
	#item11 { width:98% }
	#reseaux { top:0.2% }
	#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:20px; padding-bottom:20px; 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:20px; padding-bottom:20px; 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.07% }
}
@media screen and (max-width:414px)
{
	#PhotographepatrimoinesalletropheeChambord { width:50% }
	#photographearchitectureindustriellevilleurbannev { width:50% }
	#Photographearchitecturemodernevsancienne { width:50% }
	#PhotographepatrimoinebetonParis { width:50% }
	#reseaux { top:0.11% }
}
@media screen and (max-width:320px)
{
	#reseaux { top:0.17% }
}