@import "reset.css";@import "colorSite.css";@import "fontSite.css";@import "jqalerts.css";@import "wow/animate.css";@import "contact.css";*,*::after,*::before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}body{ background-attachment:fixed; width:100%; overflow-x:hidden; overflow-y:visible}#body-container{ position:relative; background:transparent; width:100%; height:100%; overflow:hidden; border:0}.size{ max-width:100%}.nowrap{ white-space:nowrap}input:focus,select:focus,textarea:focus{ outline:0}a{ text-decoration:none}.center{ text-align:center; margin:0 auto}.separator{ position:relative; clear:both; height:0}.invisible{    opacity:0;    visibility:visible}h1,h2,h3,h4,p{    position:relative;    display:block;    font-weight:normal;    letter-spacing:0.5px;    margin-top:0.5em;    line-height:1.5em;    margin-bottom:0.8em;    font-size:1.05em}h3{    font-size:2.6em;    text-align:center;    text-transform:uppercase}h4{    font-size:1.8em;    text-align:left}ul.list{    list-style:disc;    margin-left:1.5em;    text-align:left}ul.list li{    font-size:1.05em;    padding-bottom:0.5em;    line-height:1.2em}.titrePrincipalPage{    color:rgb(96,96,96);    font-size:4em;    text-align:center;    text-transform:uppercase;    padding-bottom:0px;    margin-bottom:15px;    line-height:1em}.titreSecondairePage{    font-size:2.5em;    text-align:center;    text-transform:uppercase;    padding-top:0px;    margin-top:0px;    letter-spacing:3px;    line-height:1em}.titreTroisiemePage{    font-size:1.6em;    text-align:center;    padding-top:0px;    margin-top:0px;    margin-bottom:5px;    padding-bottom:0em;    letter-spacing:1px;    line-height:1.4em}@media (max-width:1100px){    h1,h2,h3,h4,p{        font-size:0.9em   }    h3{        font-size:1.9em}    h4{        font-size:1.3em}    ul.list li{        font-size:0.9em;        padding-bottom:0.5em}    .titrePrincipalPage{        font-size:2.6em}    .titreSecondairePage{        font-size:1.9em}    .titreTroisiemePage{        font-size:1.3em}}a#btn_up{    z-index:100;    width:60px;    height:60px;    background-image:url("../images/site/up.png");    position:fixed;    bottom:170px;    right:5px;    cursor:pointer;    display:none}a#btn_up:hover{    background-image:url("../images/site/up-on.png")}@media (max-width:1100px){    a#btn_up{        width:40px;        height:40px;        background-image:url("../images/site/up-mobile.png")}    a#btn_up:hover{        background-image:url("../images/site/up-on-mobile.png")}}.header{ z-index:100}.content{ position:relative; display:block; padding:0 2em}#pageContent{ position:relative; display:block; text-align:justify; z-index:10}#pageContent .content{ background:transparent; min-height:100px}.button_large{ position:relative; display:block; margin:0em auto; background:rgb(233,113,7); color:white; border:1px solid white; width:100%; cursor:pointer; letter-spacing:1px; font-size:1em; padding:15px 10px; text-align:center; transition:background-color 0.3s,color 0.3s}.button_large:hover{ background-color:white; color:black; border:1px solid black}.button_large:focus,.button_large:active{ outline:2px solid #000; outline-offset:4px}.encard-containeur{ position:relative; padding:30px 45px; display:block; width:100%; margin:0px auto; border:2px solid rgb(0,44,55); overflow:visible}.encard-containeur h3{ text-align:center}.encard-containeur p{ text-align:justify}.site-footer{ background-color:black; color:rgb(150,150,150); padding:15px; font-size:15px}.footer-links{ display:inline-block; line-height:1.5em}.footer-links a,.footer-links .toutdroit{ color:rgb(150,150,150); text-decoration:none; padding:5px}.footer-links a:hover{ color:white}.footer-separator{ padding:0 5px}.footer-separator-mobile{ display:none; max-width:5px; margin:0px auto; margin-top:15px; margin-bottom:15px}.image-container{ position:relative; display:block; width:100%; overflow:hidden; -webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%); clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%); z-index:1}.animated-image{ width:100%; height:900px; animation:revealAnimation 2s forwards; background-size:cover; background-position:center; background-repeat:no-repeat; background-origin:border-box; background-clip:border-box}.no-animation .animated-image{ animation:none}@media (min-width:1200px){ @-webkit-keyframes revealAnimation{ 0%{ -webkit-clip-path:polygon(0% 0%,100% 0%,75% 0%,15% 0%); clip-path:polygon(0% 0%,100% 0%,75% 0%,15% 0%)} 100%{ -webkit-clip-path:polygon(0% 0%,100% 0%,75% 100%,15% 75%); clip-path:polygon(0% 0%,100% 0%,75% 100%,15% 75%)} } @keyframes revealAnimation{ 0%{ -webkit-clip-path:polygon(0% 0%,100% 0%,75% 0%,15% 0%); clip-path:polygon(0% 0%,100% 0%,75% 0%,15% 0%)} 100%{ -webkit-clip-path:polygon(0% 0%,100% 0%,75% 100%,15% 75%); clip-path:polygon(0% 0%,100% 0%,75% 100%,15% 75%)} }}@media (max-width:1200px){ @-webkit-keyframes revealAnimation{ 0%{ -webkit-clip-path:polygon(0% 0%,100% 0%,80% 0%,13% 0%); clip-path:polygon(0% 0%,100% 0%,80% 0%,13% 0%)} 100%{ -webkit-clip-path:polygon(0% 0%,100% 0%,80% 100%,13% 80%); clip-path:polygon(0% 0%,100% 0%,80% 100%,13% 80%)} } @keyframes revealAnimation{ 0%{ -webkit-clip-path:polygon(0% 0%,100% 0%,80% 0%,13% 0%); clip-path:polygon(0% 0%,100% 0%,80% 0%,13% 0%)} 100%{ -webkit-clip-path:polygon(0% 0%,100% 0%,80% 100%,13% 80%); clip-path:polygon(0% 0%,100% 0%,80% 100%,13% 80%)} }}@media (max-width:980px){ @-webkit-keyframes revealAnimation{ 0%{ -webkit-clip-path:polygon(0% 0%,100% 0%,85% 0%,12% 0%); clip-path:polygon(0% 0%,100% 0%,85% 0%,12% 0%)} 100%{ -webkit-clip-path:polygon(0% 0%,100% 0%,85% 100%,12% 80%); clip-path:polygon(0% 0%,100% 0%,85% 100%,12% 80%)} } @keyframes revealAnimation{ 0%{ -webkit-clip-path:polygon(0% 0%,100% 0%,85% 0%,12% 0%); clip-path:polygon(0% 0%,100% 0%,85% 0%,12% 0%)} 100%{ -webkit-clip-path:polygon(0% 0%,100% 0%,85% 100%,12% 80%); clip-path:polygon(0% 0%,100% 0%,85% 100%,12% 80%)} }}@media (max-width:767px){ @-webkit-keyframes revealAnimation{ 0%{ -webkit-clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%); clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)} 100%{ -webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 90%); clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 90%)} } @keyframes revealAnimation{ 0%{ -webkit-clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%); clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)} 100%{ -webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 90%); clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 90%)} }}.imageLogo{ width:350px; position:absolute; left:50%; transform:translateX(-50%); top:150px}.titreLogo,.soustitreLogo,.scroll-down,.soussoustitreLogo,.boutonContactHautPage{ position:absolute; left:50%; transform:translateX(-50%); top:350px; width:800px; text-transform:uppercase; font-size:4em; text-align:center}.titreLogo,.soustitreLogo,.soussoustitreLogo{ text-shadow:2px 2px 2px #000; -webkit-text-shadow:2px 2px 2px #000; -moz-text-shadow:2px 2px 2px #000; -ms-text-shadow:2px 2px 2px #000; -o-text-shadow:2px 2px 2px #000}.soustitreLogo{ top:450px; font-size:2em}.boutonContactHautPage{ background:rgb(200,80,0); top:615px; font-size:1em}.soussoustitreLogo{ top:550px; font-weight:bold; text-align:center; font-size:2.2em}.scroll-down{ top:730px; width:30px; height:50px; margin-left:-15px; font-size:0; border:2px solid white; border-radius:50px}.scroll-dot{ position:absolute; top:10px; left:50%; width:6px; height:6px; margin-left:-3px; background-color:#e97107; border-radius:100%}@media (max-width:1400px){ .imageLogo{ width:330px; top:160px} .titreLogo{ font-size:3em; top:360px} .soustitreLogo{ font-size:1.5em; top:430px} .soussoustitreLogo{ font-size:1.7em}}@media (max-width:1100px){ .imageLogo{ width:310px; top:170px} .titreLogo{ font-size:3em; top:360px; width:650px} .soustitreLogo{ font-size:1.4em; top:430px; width:650px} .soussoustitreLogo{ font-size:1.5em; width:650px}}@media (max-width:700px){ .animated-image{ height:720px} .imageLogo{ width:250px; top:60px} .titreLogo{ font-size:2.4em; top:230px; width:425px} .soustitreLogo{ font-size:1.3em; top:320px; width:425px} .soussoustitreLogo{ top:450px; font-size:1.2em; width:405px} .boutonContactHautPage{ top:485px} .scroll-down{ top:585px}}.containerImageTexte{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start}.left-image{ margin-left:6em; width:450px; margin-right:6em}.right-text{ padding-right:6em; margin:0}@media (max-width:1400px){ .left-image{ margin-left:0em} .right-text{ padding-right:0em}}.containeurTexteSite{ position:relative; display:block; width:80%; font-size:1.1em; margin:0px auto}@media (max-width:600px){ .containeurTexteSite{ position:relative; display:block; width:90%; margin:0px auto}}.imageFondGauche,.imageFondDroite,.imageFondBas{ position:absolute; width:100%; left:0px; z-index:-1}.imageFondGauche{ top:-150px}.imageFondDroite{ top:-150px; right:0px}.imageFondBas{ bottom:0px}@media (max-width:1600px){ .imageFondGauche,.imageFondDroite{ border:0px solid red; height:120%; max-height:1000px; top:-120px}}@media (max-width:800px){ .imageFondGauche,.imageFondDroite{ border:0px solid green; height:116%; max-height:600px; top:-50px} .imageFondBas{ width:150%; left:-25%}}@media (max-width:600px){ .imageFondGauche,.imageFondDroite{ border:0px solid yellow; height:116%; max-height:600px; top:-4%} .imageFondBas{ width:200%; left:0%}}.backgroundTextWhite{ padding:1em 2.5%; background-color:rgb(255,255,255)}.competenceCadre{ position:relative; border:0; display:block; min-height:inherit; width:105%; margin-left:-2.5%}.competenceImageHaut{ position:relative; display:block; width:100%; margin-left:0; border:0}.competenceButton{ width:350px; font-weight:bold; font-size:14px; margin:2em 0; text-transform:uppercase}@media only screen and (min-width:2000px){ .competenceImageHautADroite, .competenceImageHautAGauche, .competenceImageHautADroiteContact{ width:40%}}@media only screen and (min-width:1800px) and (max-width:2000px){ .competenceImageHautADroite, .competenceImageHautAGauche{ width:900px} .competenceImageHautADroiteContact{ width:600px}}@media only screen and (min-width:1600px) and (max-width:1800px){ .competenceImageHautADroite, .competenceImageHautAGauche{ width:850px} .competenceImageHautADroiteContact{ width:550px}}@media only screen and (min-width:1480px) and (max-width:1600px){ .competenceImageHautADroite, .competenceImageHautAGauche{ width:750px} .competenceImageHautADroiteContact{ width:550px}}@media only screen and (min-width:1300px) and (max-width:1480px){ .competenceImageHautADroite, .competenceImageHautAGauche{ width:700px} .competenceImageHautADroiteContact{ width:550px}}@media only screen and (min-width:1200px) and (max-width:1300px){ .competenceImageHautADroite, .competenceImageHautAGauche{ width:650px} .competenceImageHautADroiteContact{ width:550px}}@media only screen and (min-width:1100px) and (max-width:1200px){ .competenceImageHautADroite, .competenceImageHautAGauche{ width:550px} .competenceImageHautADroiteContact{ width:550px}}@media only screen and (min-width:1100px){ .competenceImageHautADroite, .competenceImageHautADroiteContact{ position:absolute; right:2.5%; top:-60px; z-index:-1} .competenceImageHautAGauche{ position:absolute; left:2.5%; top:-60px; z-index:-1}}@media only screen and (min-width:800px) and (max-width:1100px){ .competenceImageHautADroite, .competenceImageHautAGauche{ margin-left:0; width:500px}}@media only screen and (min-width:600px) and (max-width:800px){ .competenceImageHautADroite, .competenceImageHautAGauche{ margin:0 auto; width:90%}}@media only screen and (max-width:600px){ .competenceImageHautADroite, .competenceImageHautAGauche{ margin:0 auto; width:100%}}@media only screen and (max-width:1100px){ .backgroundTextWhite{ background-color:transparent} .competenceImageHaut, .competenceImageHautADroite, .competenceImageHautAGauche{ position:relative; display:block} .competenceImageHaut{ margin-left:0; width:100%} .competenceCadre{ min-height:inherit} .competenceButton{ width:300px}}#menu{ height:100%; width:100%; position:fixed; overflow:hidden; z-index:100; display:none}#menu .aside-section{ top:0; bottom:0; position:absolute}#menu .aside-left{ display:block; width:40%; left:0; background-color:rgba(233,113,7,0.95); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); transition:transform 0.4s ease-in-out}#menu .aside-right{ width:60%; right:0; background-color:rgba(255,255,255,0.95); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); transition:transform 0.4s ease-in-out}#menu .aside-list{ list-style:none; padding:0; margin:0; margin-top:150px; text-align:left; padding-left:50px}#menu .aside-list li{ margin-bottom:30px}#menu .aside-list li a{ font-size:2em; font-weight:bold; color:black; text-decoration:none; transition:color 0.3s ease}#menu .aside-list li a:hover{ color:rgb(233,113,7)}#menu .aside-content{ margin-top:150px; padding:0 40px; position:relative; color:white; text-align:center}#menu .logomenu{ width:350px}#menu .aside-left p{ font-size:1.2em; margin-bottom:0em; padding-bottom:0em; line-height:1em}#menu .aside-left p.title{ font-size:1.6em; font-weight:bold}#menu .aside-left a{ font-weight:bold; font-size:1.1em}#menuGlobal input[type="checkbox"]{ display:none}#menu-navigation .middle{ margin:0 auto}#menu-navigation label{ display:inline-block; top:20px; right:150px; background-color:transparent; cursor:pointer; margin:10px; z-index:1000; position:absolute}#menu-navigation .bar{ display:block; background-color:white; width:35px; height:4px; border-radius:5px; margin:5px auto; transition:background-color 0.4s ease-in,transform 0.4s ease-in, width 0.4s ease-in}#menu-navigation label p{ display:inline-block; font-size:1.4em; margin:0; vertical-align:middle; color:white}#menu-navigation .bars-wrapper{ display:inline-block; vertical-align:middle; margin-right:10px}@media (max-width:1500px){ #menu-navigation label{ right:100px}}@media (max-width:1100px){ #menu-navigation label{ right:50px}}@media (max-width:800px){ #menu-navigation label{ right:20px} #menu-navigation label p{ display:none}}@media (max-width:1100px){ #menu .aside-left{ display:block; width:100%; height:315px; left:0; background-color:rgba(233,113,7,0.95); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); transition:transform 0.4s ease-in-out} #menu .aside-right{ width:100%; top:315px; right:0; background-color:rgba(255,255,255,0.95); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); transition:transform 0.4s ease-in-out}    #menu .aside-list{ margin-top:30px; padding:0px; text-align:center} #menu .aside-list li{ margin-bottom:25px} #menu .aside-list li a{ font-size:1.4em; font-weight:bold; color:black; text-decoration:none; transition:color 0.3s ease} #menu .aside-list li a:hover{ color:rgb(233,113,7)}    #menu .aside-content{ margin-top:15px; padding:0 40px; position:relative; color:white; text-align:center} #menu .logomenu{ width:200px} #menu .aside-left p{ font-size:1.1em; margin-bottom:0em; padding-bottom:0em; line-height:1em} #menu .aside-left p.title{ font-size:1.3em; font-weight:bold} #menu .aside-left a{ font-weight:bold; font-size:1.1em}   }@media (max-width:1100px){ #menu .aside-list li{ margin-bottom:20px} #menu .aside-list li a{ font-size:1.2em}}.shadow{ text-shadow:2px 2px 2px #000; -webkit-text-shadow:2px 2px 2px #000; -moz-text-shadow:2px 2px 2px #000; -ms-text-shadow:2px 2px 2px #000; -o-text-shadow:2px 2px 2px #000}.heightCoordonneesLeftCoord,.heightCoordonneesRightCoord{    height:580px}.infosLeftCoord{    font-size:16px}.infosLeftCoord .lien{    color:white}.infosLeftCoord{    background-image:url('../images/site/fond-avocat-luxembourg-famille-divorce-travail-construction-penal.jpg'); background-size:cover}.sep{ position:relative; display:block; clear:both; margin:0px; height:1px; border-top-width:1px; border-top-style:solid; color:transparent}.centresep{ width:150px; margin:0px auto; margin-top:-1px}@media screen and (max-width:700px){ .heightCoordonneesRightCoord{ height:650px}}