#CACHE{24*3600,cache-client} #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15} #HTTP_HEADER{Vary: Accept-Encoding} #SET{LargeurOmbre,(#CONFIG{soyezcreateurs_layout/largeurombre,0})} #SET{LargeurContaineurOmbres,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|plus{#GET{LargeurOmbre}}|plus{#GET{LargeurOmbre}})} #SET{LargeurContaineurOmbre,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|plus{#GET{LargeurOmbre}})} #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})} #SET{LargeurMenuGaucheOmbre,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180}|plus{#GET{LargeurOmbre}})} #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})} #SET{LargeurMenuDroitOmbre,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180}|plus{#GET{LargeurOmbre}})} #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})} /* http://blog.html.it/layoutgala/index.html */ [(#ENV{layoutgala}|=={1}|oui)/* 1 */ #wrapper{float:left;width:100%} #content{margin: 0 25%} #navigation{float:left;width:25%;margin-left:-100%} #extra{float:left;width:25%;margin-left:-25%} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={2}|oui)/* 2 */ #wrapper{float:left;width:100%} #content{margin: 0 25%} #navigation{float:left;width:25%;margin-left:-25%} #extra{float:left;width:25%;margin-left:-100%} #footer{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={3}|oui)/* 3 */ #wrapper{float:left;width:100%} #content{margin-right: 50%} #navigation{float:left;width:25%;margin-left:-50%} #extra{float:left;width:25%;margin-left:-25%} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={4}|oui)/* 4 */ #wrapper{float:left;width:100%} #content{margin-right: 50%} #navigation{float:left;width:25%;margin-left:-25%} #extra{float:left;width:25%;margin-left:-50%} #footer{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={5}|oui)/* 5 */ #wrapper{float:left;width:100%} #content{margin-left: 50%} #navigation{float:left;width:25%;margin-left:-100%} #extra{float:left;width:25%;margin-left:-75%} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={6}|oui)/* 6 */ #wrapper{float:left;width:100%} #content{margin-left: 50%} #navigation{float:left;width:25%;margin-left:-75%} #extra{float:left;width:25%;margin-left:-100%} #footer{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={7}|oui)/* 7 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #wrapper{float:left;width:100%} #content{margin: 0 #GET{LargeurMenuDroitOmbre}px 0 #GET{LargeurMenuGaucheOmbre}px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineurOmbre}px} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroitOmbre}px} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={8}|oui)/* 8 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #wrapper{float:left;width:100%} #content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px} #footer{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={9}|oui)/* 9 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #wrapper{float:left;width:100%} #content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={10}|oui)/* 10 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #wrapper{float:left;width:100%} #content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #footer{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={11}|oui)/* 11 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #wrapper{float:left;width:100%} #content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineur}px} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={12}|oui)/* 12 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #wrapper{float:left;width:100%} #content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuDroit}})]px} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px} #footer{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={13}|oui)/* 13 */ #wrapper{float:left;width:100%;} #content{margin: 0 #GET{LargeurMenuDroit}px 0 #GET{LargeurMenuGauche}px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={14}|oui)/* 14 */ #wrapper{float:left;width:100%} #content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-100%} #footer{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={15}|oui)/* 15 */ #wrapper{float:left;width:100%} #content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={16}|oui)/* 16 */ #wrapper{float:left;width:100%} #content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #footer{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={17}|oui)/* 17 */ #wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #navigation{float:right;width:#GET{LargeurMenuGauche}px} #extra{float:right;width:#GET{LargeurMenuDroit}px} #footer{clear:right;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={18}|oui)/* 18 */ #wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px} #navigation{float:left;width: #GET{LargeurMenuGauche}px} #extra{float:right;width:#GET{LargeurMenuDroit}px} #footer{clear:both;width:100%} ][(#ENV{layoutgala}|=={19}|oui)/* 19 */ #wrapper{float:left;width:100%} #content{margin: 0 33% 0 #GET{LargeurMenuGauche}px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%} #extra{float:left;width:33%;margin-left:-33%} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={20}|oui)/* 20 */ #wrapper{float:left;width:100%} #content{margin: 0 #GET{LargeurMenuDroit}px 0 33%} #navigation{float:left;width:33%;margin-left:-100%} #extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={21}|oui)/* 21 */ #wrapper{float:left;width:100%;margin-left:-25%} #content{margin: 0 #GET{LargeurMenuGauche}px 0 25%} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px} #extra{float:left;width:25%} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={22}|oui)/* 22 */ #wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuDroit}px} #content{margin: 0 25% 0 #GET{LargeurMenuDroit}px} #navigation{float:left;width:25%;margin-left:-25%} #extra{float:left;width:#GET{LargeurMenuDroit}px} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={23}|oui)/* 23 */ #wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuGauche}px} #content{margin-left:#GET{LargeurMenuGauche}px} #navigation{float:right;width:#GET{LargeurMenuGauche}px} #extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px} #footer{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{margin-left:0} #navigation{float:left;width:50%} #extra{float:left;width:50%;} }][(#ENV{layoutgala}|=={24}|oui)/* 24 */ #wrapper{float:right;width:100%;margin-left:-#GET{LargeurMenuGauche}px} #content{margin-left:#GET{LargeurMenuGauche}px} #navigation{float:left;width:#GET{LargeurMenuGauche}px} #extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px} #footer{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{margin-left:0} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} }][(#ENV{layoutgala}|=={25}|oui)/* 25 */ #wrapper{float:left;width:100%;margin-left:-33%} #content{margin-left:33%} #navigation{float:right;width:32.9%} #extra{float:right;clear:right;width:32.9%} #footer{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{margin-left:0} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} }][(#ENV{layoutgala}|=={26}|oui)/* 26 */ #wrapper{float:right;width:80%;} #navigation{float:left;width:20%} #extra{float:left;clear:left;width:20%} #footer{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{margin-left:0} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} }][(#ENV{layoutgala}|=={62}|oui)/* 26 modifie - identifiant 62 */ #wrapper{float:right;width:80%;margin-left:-.5%} #navigation{float:left;width:20.5%} #extra{float:left;clear:left;width:20%} #footer{clear:both;width:100%} ][(#ENV{layoutgala}|=={27}|oui)/* 27 */ #navigation{float:left;width:50%} #extra{float:left;width:49.9%} #footer{clear:left;width:100%} ][(#ENV{layoutgala}|=={28}|oui)/* 28 */ #navigation{float:right;width:50%} #extra{float:right;width:49.9%} #footer{clear:right;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={29}|oui)/* 29 */ #wrapper{float:right;width:70%} #navigation{float:left;width:29.9%} #extra{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{float:none; width:100%;} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} #footer{clear:left;width:100%} }][(#ENV{layoutgala}|=={30}|oui)/* 30 */ #wrapper{float:left;width:70%} #navigation{float:right;width:29.9%} #extra{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{float:none; width:100%;} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} #footer{clear:left;width:100%} }][(#ENV{layoutgala}|=={31}|oui)/* 31 */ #wrapper{float:left;width:100%;} #content{margin-left:#GET{LargeurMenuGauche}px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%} #extra{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{float:none; width:100%;} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} #footer{clear:left;width:100%} }][(#ENV{layoutgala}|=={32}|oui)/* 32 */ #wrapper{float:left;width:100%} #content{margin-right:#GET{LargeurMenuGauche}px} #navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px} #extra{clear:left;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{float:none; width:100%;} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} #footer{clear:left;width:100%} }][(#ENV{layoutgala}|=={33}|oui)/* 33 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px} #navigation{float:right;width:#GET{LargeurMenuGauche}px} #extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px} #footer{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{margin-left:0} #navigation{float:left;width:50%} #extra{float:left;width:50%;} }][(#ENV{layoutgala}|=={34}|oui)/* 34 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px} #navigation{float:left;width:#GET{LargeurMenuGauche}px} #extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px} #footer{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{margin-left:0} #content{float:none;} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} }][(#ENV{layoutgala}|=={35}|oui)/* 35 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px} #navigation{float:right;width:#GET{LargeurMenuGauche}px} #extra{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px} #footer{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:left;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={36}|oui)/* 36 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px} #navigation{float:left;width:#GET{LargeurMenuGauche}px} #extra{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px} #footer{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:left;width:50%} #extra{float:left;width:50%} }][(#ENV{layoutgala}|=={37}|oui)/* 37 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #content{float:left;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px} #navigation{float:right;width:#GET{LargeurMenuGauche}px} #extra{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{float:none; width:100%;} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} #footer{clear:left;width:100%} }][(#ENV{layoutgala}|=={38}|oui)/* 38 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #content{float:right;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px} #navigation{float:left;width:#GET{LargeurMenuGauche}px} #extra{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #wrapper{float:none; width:100%;} #navigation{float:left;width:50%} #extra{float:left;width:50%;clear:none;} #footer{clear:left;width:100%} }][(#ENV{layoutgala}|=={39}|oui)/* 39 */ #wrapper{float:left;width:100%} #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #navigation{float:left;width:50%} #extra{float:right;width:50%} #footer{clear:both;width:100%} ][(#ENV{layoutgala}|=={40}|oui)/* 40 */ #container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto} #navigation{float:right;width:50%} #extra{float:left;width:50%} #footer{clear:both;width:100%} @media (max-width: [(#GET{LargeurContaineur})]px) { #navigation{float:right;width:50%} #extra{float:left;width:50%} }] /* Astuce trouvée sur https://stackoverflow.com/questions/1205159/html-css-making-two-floating-divs-the-same-height */ #contenu { overflow: hidden; width: 100%; } #content, #navigation, #extra { padding-bottom: 5000em; margin-bottom: -5000em; position: relative; } #contenu:after { content: ""; display: table; clear: both; }