body { margin:0px; background-color:#fff; height:100% } html { height:100% } a:link { color:#000; text-decoration:none } a:visited { color:#000; text-decoration:none } a:hover { color:#000; text-decoration:underline } a:active { color:#000; text-decoration:underline } #lienshaut a:link { color:#000 } #lienshaut a:visited { color:#000 } #lienshaut a:hover { color:#a0762e } #lienshaut a:active { color:#a0762e } #sousmenupage a:visited { text-decoration:none } #sousmenupage a:hover { color:#a0762e; text-decoration:none } #sousmenupage a:active { color:#a0762e; text-decoration:none } #Content a:link { font-weight:bold; text-decoration:none } #ArticleDN a:link { color:#a0762e } #ArticleDN a:visited { color:#a0762e } #ArticleDN a:hover { color:#a0762e } #ArticleDN a:active { color:#a0762e } #PageDiv { position:relative; height:100%; max-width:1836px; margin:auto } #topmenu { width:100%; max-width:1836px; z-index:0; clear:both; padding-bottom:5px; margin-left:auto; margin-right:auto } #principal { width:100%; max-width:1836px; z-index:0; margin-left:auto; margin-right:auto } #colonneG2 { width:47.5%; z-index:0; float:left; clear:left; margin-left:2.5% } #nuancier1 { width:95%; z-index:0; padding-right:2.5% } #colordiv1 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuanceinox { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext1 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv2 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuanceblancv { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext2 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv3 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuanceivoirev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext3 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv4 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancefrangipanev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext4 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:0px; z-index:1; padding:5px } #colordiv5 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancemarronglacev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext5 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:0px; z-index:1; padding:5px } #colordiv6 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuanceterracottav { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext6 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv7 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancechocolatv { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext7 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv8 { position:relative; width:12.49%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancejauneprovencev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext8 { position:absolute; left:0px; height:40px; width:89.88%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv9 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancemandarinev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext9 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv10 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancerosequartzv { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext10 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv11 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancerougegriottev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext11 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv12 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #NuancerougeBourgognev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext12 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv13 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancebleucorailv { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext13 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv14 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #NuancebleuDelftv { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext14 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv15 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #NuancebleuPortov { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext15 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:0px; z-index:1; padding:5px } #colordiv16 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #NuancebleuFrancev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext16 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv17 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancearmorv { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext17 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:0px; z-index:1; padding:5px } #colordiv18 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuanceverttilleulv { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext18 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv19 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #NuancevertSolognev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext19 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv20 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancevertolivev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext20 { position:absolute; left:0px; height:40px; width:90.65%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv21 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #NuancevertAnglaisv { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext21 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv22 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancegrisfaiencev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext22 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv23 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuanceanthracitev { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext23 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #colordiv24 { position:relative; width:12.5%; min-height:21%; min-width:100px; z-index:0; float:left } #Nuancenoirv { width:100%; vertical-align:top; margin-left:auto; margin-right:auto; overflow:hidden } #colortext24 { position:absolute; left:0px; height:40px; width:90%; bottom:0px; min-height:40px; z-index:1; padding:5px } #bigimage { width:47.5%; min-height:480px; z-index:0; float:left; background-image:url(../Resources/ambiance-lacanche7.jpg); background-position:right top; background-size:cover; background-repeat:no-repeat } #liensbas { width:100%; max-width:1836px; z-index:0; clear:both; margin-top:30px } #webyepliens { width:66.67%; min-height:20px; max-width:1224px; z-index:0; clear:both; margin-left:auto; margin-right:auto; overflow:hidden } #menumaster { height:auto; overflow:visible; position:relative } .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-top:0; border-bottom:0 } #fwNav1 .fwNavItem a { display:block; color:#000000; text-decoration:none; background:url(../Resources/Effet-calque.png) no-repeat; background-position:top left; padding:2px 0px 2px 8px; white-space:nowrap } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#A0762E; text-decoration:none } #fwNav1 .fwNavItem a:active { color:#000000; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/Menu-sandwich_h.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#A0762E; font-weight:normal } @media screen and (max-width:1200px) { #colordiv1 { width:20%; min-width:0px } #colortext1 { bottom:-2px; height:28%; min-height:0px } #colordiv2 { width:20%; min-width:0px } #colortext2 { bottom:-2px; height:28%; min-height:0px } #colordiv3 { width:20%; min-width:0px } #colortext3 { bottom:-2px; height:28%; min-height:0px } #colordiv4 { width:20%; min-width:0px } #colortext4 { bottom:-2px; height:28%; min-height:0px } #colordiv5 { width:20%; min-width:0px } #colortext5 { bottom:-2px; height:28%; min-height:0px } #colordiv6 { width:20%; min-width:0px } #colortext6 { bottom:-2px; height:28%; min-height:0px } #colordiv7 { width:20%; min-width:0px } #colortext7 { bottom:-2px; height:28%; min-height:0px } #colordiv8 { width:20%; min-width:0px } #colortext8 { bottom:-2px; width:90%; height:28%; min-height:0px } #colordiv9 { width:20%; min-width:0px } #colortext9 { bottom:-2px; height:28%; min-height:0px } #colordiv10 { width:20%; min-width:0px } #colortext10 { bottom:-2px; height:28%; min-height:0px } #colordiv11 { width:20%; min-width:0px } #colortext11 { bottom:-2px; height:28%; min-height:0px } #colordiv12 { width:20%; min-width:0px } #colortext12 { bottom:-2px; height:28%; min-height:0px } #colordiv13 { width:20%; min-width:0px } #colortext13 { bottom:-2px; height:28%; min-height:0px } #colordiv14 { width:20%; min-width:0px } #colortext14 { bottom:-2px; height:28%; min-height:0px } #colordiv15 { width:20%; min-width:0px } #colortext15 { bottom:-2px; height:28%; min-height:0px } #colordiv16 { width:20%; min-width:0px } #colortext16 { bottom:-2px; height:28%; min-height:0px } #colordiv17 { width:20%; min-width:0px } #colortext17 { bottom:-2px; height:28%; min-height:0px } #colordiv18 { width:20%; min-width:0px } #colortext18 { bottom:-2px; height:28%; min-height:0px } #colordiv19 { width:20%; min-width:0px } #colortext19 { bottom:-2px; height:28%; min-height:0px } #colordiv20 { width:20%; min-width:0px } #colortext20 { bottom:-2px; width:90%; height:28%; min-height:0px } #colordiv21 { width:20%; min-width:0px } #colortext21 { bottom:-2px; height:28%; min-height:0px } #colordiv22 { width:20%; min-width:0px } #colortext22 { bottom:-2px; height:28%; min-height:0px } #colordiv23 { width:20%; min-width:0px } #colortext23 { bottom:-2px; height:28%; min-height:0px } #colordiv24 { width:20%; min-width:0px } #colortext24 { bottom:-2px; height:28%; min-height:0px } #bigimage { width:50%; height:480px } #webyepliens { width:90%; max-width:1620px } } @media screen and (max-width:1024px) { #webyepliens { max-width:1652px } } @media screen and (max-width:900px) { #colordiv1 { width:25% } #colordiv2 { width:25% } #colordiv3 { width:25% } #colordiv4 { width:25% } #colordiv5 { width:25% } #colordiv6 { width:25% } #colordiv7 { width:25% } #colordiv8 { width:25% } #colordiv9 { width:25% } #colordiv10 { width:25% } #colordiv11 { width:25% } #colordiv12 { width:25% } #colordiv13 { width:25% } #colordiv14 { width:25% } #colordiv15 { width:25% } #colordiv16 { width:25% } #colordiv17 { width:25% } #colordiv18 { width:25% } #colordiv19 { width:25% } #colordiv20 { width:25% } #colordiv21 { width:25% } #colordiv22 { width:25% } #colordiv23 { width:25% } #colordiv24 { width:25% } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:0; left:100%; margin-right:-100%; background-color:#FFFFFF; -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:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .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-sandwich.png'); margin:20px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-right:0; left:0 } } @media screen and (max-width:800px) { #colonneG2 { width:95%; clear:none } #nuancier1 { width:97.5%; padding-right:0px } #colortext1 { bottom:10px; height:19.79% } #colortext2 { bottom:10px; height:19.79% } #colortext3 { bottom:10px; height:19.79% } #colortext4 { bottom:10px; height:19.79% } #colortext5 { bottom:10px; height:19.79% } #colortext6 { bottom:10px; height:19.79% } #colortext7 { bottom:10px; height:19.79% } #colortext8 { bottom:10px; height:19.79% } #colortext9 { bottom:10px; height:19.79% } #colortext10 { bottom:10px; height:19.79% } #colortext11 { bottom:10px; height:19.79% } #colortext12 { bottom:10px; height:19.79% } #colortext13 { bottom:10px; height:19.79% } #colortext14 { bottom:10px; height:19.79% } #colortext15 { bottom:10px; height:19.79% } #colortext16 { bottom:10px; height:19.79% } #colortext17 { bottom:10px; height:19.79% } #colortext18 { bottom:10px; height:19.79% } #colortext19 { bottom:10px; height:19.79% } #colortext20 { bottom:10px; height:19.79% } #colortext21 { bottom:10px; height:19.79% } #colortext22 { bottom:10px; height:19.79% } #colortext23 { bottom:10px; height:19.79% } #colortext24 { bottom:10px; height:19.79% } #bigimage { width:100% } } @media screen and (max-width:600px) { #bigimage { height:450px } }