[(#CACHE{0})][(#REM) Styles pour petits écrans ]@media only screen and (max-width: 800px) { div.catExpandOnSmall { width: 100%; } div.catHideLeftOnSmall, div.catHideRightOnSmall { width: #VAR{acsCadreWidth, 99%}; position: absolute; z-index: 9999; padding-top: #VAR{acsFondSpacer}; -o-transform: scaleX(0.00001); -moz-transform: scaleX(0.00001); -ms-transform: scaleX(0.00001); -webkit-transform: scaleX(0.00001); transform: scaleX(0.00001); -o-transition: -o-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; outline: 0;[ border: #VAR{acsCadreBord/Width',thin}[ (#VAR{acsCadreBord/Style,solid}) ](#VAR{acsCadreBord/Color});] background-color: #VAR{acsCadreFond, #efefef};[ (#MODELE{c_css_shadow}{c=Cadre})] } div.catHideLeftOnSmall { left: 0; border-left: 0; o-transform-origin: 0 0; moz-transform-origin: 0 0; ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0;[ (#MODELE{c_css_border-radius}{c=Cadre}{sauf=left})] } div.catHideRightOnSmall { right: 0; border-right: 0; o-transform-origin: 100% 0; moz-transform-origin: 100% 0; ms-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0;[ (#MODELE{c_css_border-radius}{c=Cadre}{sauf=right})] } div.catShowOnSmall { o-transform: scaleX(1); moz-transform: scaleX(1); ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); } #catMenuLeft, #catMenuRight { z-index: 10000; position: absolute; top: #VAR{acsCadreTop, 32px}; display: inline-block; cursor: pointer; opacity: 1; } #catMenuLeft:hover, #catMenuRight:hover { opacity: .8; -webkit-transition: .4s; transition: .4s; } #catMenuLeft:hover div, #catMenuRight:hover div { background: #dfdfdf; } #catMenuLeft { left: #VAR{acsCadreLeft, 1em}; } #catMenuRight { right: #VAR{acsCadreRight, 1em}; } #catMenuLeft .b1, #catMenuRight .b1, #catMenuLeft .b2, #catMenuRight .b2, #catMenuLeft .b3, #catMenuRight .b3 { display: block; width: 32px; height: 5px; background-color:#eee; margin: 6px 0; -webkit-transition: .4s; transition: .4s; -webkit-box-shadow: 1px 1px 2px #8f8f8f; box-shadow: 1px 1px 2px #8f8f8f; filter: progid:DXImageTransform.Microsoft.dropShadow(color=000, offX=3, offY=3, positive=true);[ (#MODELE{c_css_border-radius}{r=5px})] } #catMenuLeft.clicked .b1 { transform-origin: bottom left; transform: translate(6px, 0px) rotate(45deg); } #catMenuRight.clicked .b1 { transform-origin: bottom right; transform: translate(-6px, -4px) rotate(-45deg); } #catMenuLeft.clicked .b2, #catMenuRight.clicked .b2 { opacity: 0; } #catMenuLeft.clicked .b3 { transform-origin: top left; transform: translate(3px, 3px) rotate(-45deg); } #catMenuRight.clicked .b3 { transform-origin: top right; transform: translate(-3px, -3px) rotate(45deg); } }