/* Theme Name: .G Architecture 2026 Theme URI: https://www.g-architecture.fr/ Description: Thème créé par Net-tendance.com Version: 1 Author: Net-tendance - Erwan Girerd Author URI: https://www.net-tendance.com */ @import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap'); body, html{font: 14px/20px 'Roboto', sans-serif; font-weight: 300; color:#1d1d1d; border:0px; margin:0px; padding: 0px;} body{padding-top:120px;} body.home{padding-top: 0px;} a{ color:#1d1d1d; background: none;} /* STRUCTURE*/ div#first{ width: 100%; display: block; text-align: center; float: left;} @media screen and (max-width: 1024px) { div#first div#second{ width: calc(100% - 20px);padding:10px; display: inline-block; text-align: left; } div.CaseLimite{width: calc(100% - 20px); padding: 20px 10px; display: inline-block;} } @media screen and (min-width: 1024px) { div#first div#second{ width: 944px; display: inline-block; text-align: left; } div.CaseLimite{width: 50%; display: inline-block;} } @media screen and (min-width: 1200px) { div#first div#second{ width: 1120px; display: inline-block; text-align: left; } div.CaseLimite{max-width: 400px; width: calc(100% - 100px); display: inline-block;padding: 50px;} } @media screen and (min-width: 1400px) { div#first div#second{ width: 1320px; display: inline-block; text-align: left; } div.CaseLimite{max-width: 500px; width: calc(100% - 100px); display: inline-block; padding: 50px;} } :root { --CouleurJaune:#dbaf00; /*--CouleurBleu:#0b1b33;*/ --CouleurBleu:#1a0d64; --CouleurBeige:#faf9f5; } @media screen and (max-width: 1024px) { } @media screen and (max-width: 767px) { } @media screen and (min-width: 1024px) { .row{width: 100%;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex !important; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row !important; float: none; display: inline-block; position: relative;} .row.h100{height: 100%;} .row .case1{ flex: 1;display: inline-block; position: relative; }.row .case2{ flex: 2;display: inline-block; position: relative; }.row .case3{ flex: 3; display: inline-block; position: relative; max-width: calc(100% / 4);}.row .case4{ flex: 4; display: inline-block; position: relative;}.row .case5{ flex: 5; }.row .case6{ flex: 6; max-width: 50%; }.row .case7{ flex: 7; }.row .case8{ flex: 8; }.row .case9{ flex: 9; }.row .case10{ flex: 10; }.row .case11{ flex: 11; }.row .case12{ flex: 12; } .column{width: 100%;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex !important; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction:column ; float: none; min-height: 100%; height: 100%; } .column .case1{ flex: 1; flex-direction: column;}.column .case2{ flex: 2;flex-direction: column; }.column .case3{ flex: 3;flex-direction: column; }.column .case4{ flex: 4;flex-direction: column; }.column .case5{ flex: 5;flex-direction: column; }.column .case6{ flex: 6; max-height: 50%;flex-direction: column; }.column .case7{ flex: 7; flex-direction: column;}.column .case8{ flex: 8; flex-direction: column;}.column .case9{ flex: 9;flex-direction: column; }.column .case10{ flex: 10;flex-direction: column; }.column .case11{ flex: 11; flex-direction: column;}.column .case12{ flex: 12; flex-direction: column;} .row > div, .column > div{position: relative;} } @media screen and (max-width: 1024px) { .row, .column{float: left; width: 100%;} } .txtcenter { text-align:center;} /* * HEADER */ /* .HeaderTop{ position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10; height: 40px; max-height: 40px;} .HeaderMenu{position: absolute; top: 40px; left: 0px; width: 100%; z-index: 9; } .HeaderMenu .ContentLogo{} .HeaderMenu .ContentLogo .Logo{} .HeaderMenu .Menu{} .HeaderMenu .Menu ul#menu-menu-principal{} .HeaderMenu .Menu ul#menu-menu-principal li{} .HeaderMenu .Menu ul#menu-menu-principal li a{ text-decoration: none !important; color:var(--CouleurBleu); position: relative; font: 16px/80px "Oswald", sans-serif; text-transform: uppercase; overflow: hidden;} .HeaderMenu .Menu ul#menu-menu-principal li a::after{background: var(--CouleurBleu); position: absolute; bottom: -5px; left: 0px; height: 5px; content: ""; width: 100%; transition: bottom 0.5s ease; } .HeaderMenu .Menu ul#menu-menu-principal li a:hover::after{ bottom: 0px; } .HeaderMenu .Menu ul#menu-menu-principal li.active a::after{bottom: 0px;} .HeaderTop.fixe{position: fixed; top:0px; z-index: 9999991;} .HeaderMenu.fixe{position: fixed; top:40px; z-index: 999999;} @media screen and (min-width: 1024px) { .HeaderMenu.fixe .Menu{height: 40px; padding: 0px; margin: 0px;} .HeaderMenu.fixe .Menu ul#menu-menu-principal{height: 40px; padding: 0px; margin: 0px;} .HeaderMenu.fixe .Menu ul#menu-menu-principal li{height: 40px; padding: 0px; margin: 0px;} .HeaderMenu.fixe .Menu ul#menu-menu-principal li a{font: 16px/40px "Oswald", sans-serif; height: 40px; padding: 0px 10px 0px 10px; margin: 0px;} .HeaderMenu.fixe .ContentLogo .Logo img{max-height: 30px !important;} .HeaderMenu.fixe > div{ max-height: 40px !important; } } @media screen and (max-width: 1024px) { } @media screen and (max-width: 767px) { .HeaderTop{ position: relative; top: 0px; left: 0px; width: 100%; height: 80px; z-index: 1; height: 40px; max-height: 40px;} .HeaderMenu{position: relative; top: inherit; left: inherit; width: 100%; z-index: 1; } .HeaderMenu .Menu ul#menu-menu-principal li a{ font: 16px/40px "Oswald", sans-serif; } }*/ .PhraseEntete{color:#FFFFFF; font: 14px/20px "Figtree", sans-serif; font-weight: 200;} /* * Boutons */ @media screen and (max-width: 1024px) { } @media screen and (max-width: 767px) { .BtnRDV{width: 100%; height: 40px; position: relative;} .BtnRDV a{ height: 40px; color:#FFFFFF; font: 16px/40px 'Oswald', sans-serif; letter-spacing: 0px; padding: 0px 5px 0px 5px;} .Btn1 a, a.Btn1, .Btn2 a, a.Btn2{height: 40px; font: 20px/40px 'Oswald', sans-serif; letter-spacing: 0px; padding: 0px 5px 0px 5px;} } /* * Titres */