/* Polices d'écriture */
@font-face {font-family: "Mina-Regular";src:url("../fonts/Mina-Regular.woff") format("woff");}
@font-face {font-family: "Mina-Bold";src:url("../fonts/Mina-Bold.woff") format("woff");}
@font-face {font-family: "Teko-Regular";src:url("../fonts/Teko-Regular.woff") format("woff");}
@font-face {font-family: "Teko-Bold";src:url("../fonts/Teko-Bold.woff") format("woff");}
@font-face {font-family: "Teko-SBold";src:url("../fonts/Teko-SemiBold.woff") format("woff");}
@font-face {font-family: "Teko-Light";src:url("../fonts/Teko-Light.woff") format("woff");}


/* Général */
body{margin:0px;padding:0px;font-family: 'Mina-Regular', sans-serif;font-size:16px;line-height:1.4em;background:#ffffff}
body *{box-sizing: border-box;-webkit-font-smoothing : antialiased;}
strong, h1, h2, h3, h4, h5, b{font-weight: normal;}
strong, b, strong *, b *{font-family: 'Mina-Bold', sans-serif !important;}
h1, h2, h3, h4, h5, p{margin:0px;padding:0px;}
h1, h2, h3, h4, h5{line-height: 1em;}
#page{width:100%;position:relative;margin:0px auto;overflow:hidden;}
.bt-base-jaune{text-decoration:none;font-family: 'Mina-Bold', sans-serif;padding:8px 30px;font-size:18px;color: #ffffff;background:var(--jaune);-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: relative;letter-spacing:1px;border-radius:10px;border:1px solid yellow;border-color: var(--jaune);}
.bt-base-noir{text-decoration:none;font-family: 'Mina-Bold', sans-serif;padding:8px 30px;font-size:18px;color:var(--jaune);background:var(--noir);-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: relative;letter-spacing:1px;border-radius:10px;border:1px solid black;border-color: var(--noir);}
.bt-base-jaune img, .bt-base-noir img{padding-right:10px;}
.bt-base-jaune:hover{background:var(--noir);color:var(--jaune);border:1px solid yellow;border-color: var(--jaune);}
.bt-base-noir:hover{background:var(--jaune);color:var(--noir);border:1px solid black;border-color: var(--noir);}
/* Scroll bar globale */
::-webkit-scrollbar {width: 6px;}
/* bg */
::-webkit-scrollbar-track {background:#eeece8;}
/* curseur */
::-webkit-scrollbar-thumb {background: var(--jaune);}
/* Handle et hover */

html{
    --noir:#191919;
    --jaune:#D9B500;
}

/* Apparition progressive */
.fade {opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;left:-200px;position: relative;} 
.fade2 {opacity: 0;-webkit-transition: all 2s ease;transition: all 2s ease;left:auto;top:-200px;position: relative;}
.fade3 {opacity: 0;-webkit-transition: all 2s ease;transition: all 2s ease;left:auto;right:-200px;top:auto;bottom:auto;position: relative;} 
.fade.visible {opacity: 1;left:0px;}
.fade2.visible {opacity: 1;left:auto;top:0px;}
.fade3.visible {opacity: 1;left:auto;right:0px;}

/* Page globale */
#page{width:100%;/*max-width:2000px;*/margin:0px auto;}
.width1{width:90%;margin:0px auto;}
.width2{width:80%;margin:0px auto;}

/* Header */
header{float:left;width:100%;position:fixed;top:0px;z-index:10;}
header.min #header1>div{height:0px;overflow:hidden;}
header.min #header2{height:70px;background:rgba(0,0,0,0.5);}
header.min #header21{border:0px;}
header.min #logo img{width:auto;height:60px;top:5px;}
#header1{float:left;width:100%;}
#header1>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color:#ffffff;height:90px;font-size:14px;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
#header1>div>span{color:#A0A7BD;}
#header1>div>div>img{margin-left:10px;height:50px;width:50px;border-radius:50%;border:2px solid yellow;border-color: var(--jaune);}

.header-cpme{padding-left:40px;margin-right:auto;text-align: right;padding-right:20px;}

#header1>div>div{height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#header1>div>div>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
#header1>div>div>div:first-of-type img{height:50px;width:50px;border-radius:50%;border:2px solid yellow;border-color: var(--jaune);}
#header1>div>div>div:first-of-type{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
#header1>div>div>div:first-of-type>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: right;padding-right:10px;color:#A0A7BD;font-size:10px;line-height: 2em;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#header1>div>div>div:first-of-type>div span{color:#ffffff;font-size:16px;}

#header1>div>div>div:nth-of-type(2), #header1>div>div>div:nth-of-type(3){height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left:40px;position: relative;padding-right:15px;}
#header1>div>div>div:nth-of-type(2)>div:last-of-type, #header1>div>div>div:nth-of-type(3)>div:last-of-type{color:var(--jaune);background:#ffffff;border-radius: 10px;font-family:'Mina-Bold', sans-serif;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;line-height: 1em;padding:4px 7px 2px 7px;font-size: 12px;margin-left:10px;}
#header1>div>div>div:nth-of-type(3) img{position:absolute;right:0px;top:14px;opacity:1;}
#header1>div>div>div:nth-of-type(2) img{position:absolute;right:0px;top:18px;opacity:1;}
header.min #header1>div>div>div:nth-of-type(2) img, header.min #header1>div>div>div:nth-of-type(3) img{opacity: 0;}


#header2{float:left;width:100%;height:100px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#header21{height:100%;position: relative;border-top:2px solid #ffffff;}
#logo{float:left;width:20%;height:100%;position: relative;}
#logo:hover img{left:10px;}
#logo img{position: absolute;top:-23px;left:0px;width:auto;height:100px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#menuprincipal{padding:0px;margin:0px;float:right;width:80%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;list-style-type:none;height:100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-family: 'Mina-Regular', sans-serif;font-size:18px;text-transform: uppercase;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;letter-spacing: 1px;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
#menuprincipal.on{top:0px;opacity:1;}
#menuprincipal li a{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#menuprincipal li.on{border-bottom:1px solid yellow;border-color: var(--jaune);position: relative;}
#menuprincipal li{color:#ffffff;}
#menuprincipal li.on:after{position:absolute;bottom:-10px;left:0px;width:100%;height:7px;background: var(--degrade2);content:'';}
#menuprincipal li a{text-decoration: none;color:#ffffff;font-family: 'Mina-Regular', sans-serif;}
#menuprincipal li{position:relative;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#menuprincipal li:hover .lien-menu{color:var(--jaune);padding:0px 5px;}
#menucontact{float:right;display: -webkit-box;display: -ms-flexbox;display: flex;height:100%;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width:20%;}
#menucontact>a{margin-right:25px;}
.reseaux-sociaux{float:left;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: space;-ms-flex-pack: space;justify-content: space;position: relative;}
.reseaux-sociaux:before{content:'@methodesemons';position:absolute;top:-30px;left:10px;font-size:14px;font-family: 'NSItalic', serif;}
.rs{color:#ffffff;font-size:20px;background:var(--gris);border-radius: 50%;width:40px;height:40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: none;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;margin-left:10px;}
.rs:hover{background:var(--orange);}

#menu-m{display:none;}
.bt-fermer-m{display:none;}
.logo-m img{width:90%;height:auto;}
.logo-m{width:100%;text-align: left;display:none;position: relative;}

/* Footer */
footer{float:left;width:100%;background:#ffffff;padding-top:100px;}
footer>div:first-of-type{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-bottom:30px;border-bottom:2px solid black;border-color: var(--noir);}
footer>div:first-of-type>div{width:24%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start;line-height: 1.6em;font-size:16px;padding-top:50px;}
footer>div:first-of-type>div:first-of-type{padding-top:0px;}
footer>div:first-of-type>div img{width:90%;max-width:300px;height:auto;margin-bottom:30px;}
footer>div:first-of-type>div h3{font-size:20px;text-transform: uppercase;color:var(--jaune);font-family: 'Teko-SBold', sans-serif;padding-bottom:5px;}
footer>div:first-of-type>div h4{font-size:18px;text-transform: uppercase;color:var(--noir);font-family: 'Teko-SBold', sans-serif;padding-top:10px;}
footer>div:first-of-type>div a{text-decoration: none;color:var(--noir);}
footer>div:first-of-type>div a:hover, footer>div:first-of-type>div:last-of-type a:hover{color:var(--jaune);}
footer>div:first-of-type>div:last-of-type h3{padding-bottom:7px;}
footer>div:first-of-type>div:last-of-type a{font-size:18px;text-transform: uppercase;color:var(--noir);font-family: 'Teko-SBold', sans-serif;padding-top:5px;}
footer>div:first-of-type>div:last-of-type>div{padding-top:30px;float:left;display: -webkit-box;display: -ms-flexbox;display: flex;}
footer>div:first-of-type>div:last-of-type .bt-base-noir{float:left;color:#ffffff;font-size:16px;padding-top:8px;}
footer>div:first-of-type>div:last-of-type .bt-base-noir:hover{color:var(--noir);background:#ffffff;border:1px solid black;border-color: var(--noir);}
footer>div:first-of-type>div:last-of-type .linkedin{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background:var(--noir);color:#ffffff;height:43px;border-radius:10px;width:50px;align-items: center;font-size: 24px;margin-left:20px;float:left;}
footer>div:nth-of-type(2){padding-top:30px;}
footer>div:nth-of-type(2) h3{font-size:18px;text-transform: uppercase;color:var(--noir);font-family: 'Teko-SBold', sans-serif;padding-bottom:10px;}
footer>div:nth-of-type(2) p{font-size:14px;text-align: justify;padding-bottom:40px;line-height: 1.2em;}
footer>div:last-of-type{background:var(--noir);padding:40px 5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
footer>div:last-of-type div:first-of-type{color:#ffffff;font-size:14px;width:50%;}
footer>div:last-of-type div:first-of-type a{text-decoration: none;color:#ffffff;padding:0px 10px;}
footer>div:last-of-type div:first-of-type span{padding-right:10px;}
/* Emqu S */
footer .footer-bas{width:50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
footer .footer-bas span:last-of-type{margin-left:auto;color:#ffffff;}
footer>div .footer-bas a{padding-right:0px !important;color:#ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left:5px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;text-decoration: none;}
footer .footer-bas a img{margin-right:5px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a:hover img{-webkit-transform: scale(0.8);transform: scale(0.8);}
footer .footer-bas a:hover{color:#63bca0;}
footer .footer-bas a u{text-decoration: none;position: relative;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a u:after{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: absolute;content: '';width: 100%;left: 0px;bottom: -10px;height: 0px;background: -webkit-linear-gradient(left, rgba(144,198,135,1) 0%, rgba(84,186,164,1) 50%, rgba(52,184,193,1) 100%);background: linear-gradient(90deg, rgba(144,198,135,1) 0%, rgba(84,186,164,1) 50%, rgba(52,184,193,1) 100%);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
footer .footer-bas a:hover u:after{height:8px;}
footer .footer-bas span{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
footer .footer-bas span:first-of-type{width:50%;font-size: 14px;line-height: 1.2em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}


/* Accueil */
#section1{float:left;width:100%;background: var(--noir);height:80vh;padding-top:290px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height:800px;background:url(../images/agh-detective-background.jpg);background-size: cover;background-repeat: no-repeat;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#titre-section1{position:relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;height:60px;width:100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#titre-section1>span{background:#ffffff;padding:0px 30px;position: relative;color:var(--noir);height:50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size:16px;}
#titre-section1>span:before{top:0px;width: 0px;height: 0px;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-right: 25px solid #ffffff;content:'';position: absolute;left:-25px;}
#titre-section1>span:after{top:0px;width: 0px;height: 0px;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #ffffff;content:'';position: absolute;right:-25px;}
#titre-section1>div{z-index:2;position:relative;height:100%;width:250px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#titre-section1>div:before{content:'';width:100%;height:2px;background:#ffffff;left:0px;top:50%;position: absolute;margin-top:-1px;}
#titre-section1>div>div{-webkit-transform: rotate(45deg);transform: rotate(45deg);position: relative;}
#titre-section1>div>div:before{content:'';background:#ffffff;position: absolute;width:40px;height:40px;left:-15px;top:30px;z-index:0;}
#titre-section1>div>div:after{content:'';background:#ffffff;position: absolute;width:40px;height:40px;right:-15px;bottom:30px;z-index:0;}
#titre-section1>div>div>div{z-index:2;position:relative;background:var(--jaune);color:#ffffff;width:50px;height:50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top:5px;}
#titre-section1>div>div>div>span img{width:25px;height:auto;}
#titre-section1>div>div>div>span{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#section1 h1{color:#ffffff;font-family:'Teko-SBold', sans-serif;font-weight:normal;font-size: 50px;text-transform: uppercase;padding:50px 0px 40px 0px;}
#section1 p{text-align: center;color:#ffffff;line-height:1.8em;font-size: 18px;width:80%;margin:0px;padding:0px;}
#section1 .losange{margin-top:auto;}
#section1 .losange>div{background:#ffffff;margin-top:30px;}
#section1 .losange:after{background: #ffffff;height:130px;}

#section2{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#section2>div{width:50%;float:left;position: relative;color:#ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding:100px 40px;}
.section2-img{position: absolute;top:-40px;background:var(--jaune);-webkit-transform: rotate(45deg);transform: rotate(45deg);width:130px;height:130px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;z-index:0;}
.section2-img img{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width:70%;height:70%;-o-object-fit: contain;object-fit: contain;padding:5px;}
#section2>div p{padding:30px 0px;text-align: center;color:#ffffff;line-height:1.8em;font-size: 18px;width:80%;margin:0px;}
#section2>div h2{padding:0px 30px;position: relative;color:#ffffff;height:50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size:24px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;background: var(--jaune);padding-top:2px;}
#section2>div h2:before{top:0px;width: 0px;height: 0px;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-right: 25px solid #ffffff;content:'';position: absolute;left:-25px;border-right-color: var(--jaune);}
#section2>div h2:after{top:0px;width: 0px;height: 0px;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #ffffff;content:'';position: absolute;right:-25px;border-left-color: var(--jaune)}
#section2>div:first-of-type{background:var(--noir);border-right:1px solid #ffffff;}
.losange{position: relative;}
.losange:after{float:left;content:'';width:2px;height:50px;background: var(--jaune);margin-left:9px;}
.losange>div{width:20px;height:20px;background:var(--jaune);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#section2>div:last-of-type{background:var(--jaune);border-left:1px solid #ffffff}
#section2>div:last-of-type .section2-img{background: var(--noir);}
#section2>div:last-of-type h2{background: var(--noir);}
#section2>div:last-of-type .losange>div{background: var(--noir);}
#section2>div:last-of-type .losange:after{background: var(--noir);}
#section2>div:last-of-type a{background: var(--noir);}
#section2>div:last-of-type a:hover{background: var(--jaune);}
#section2>div:last-of-type h2:before{border-right-color: var(--noir);}
#section2>div:last-of-type h2:after{border-left-color: var(--noir);}

#section3{float:left;width:100%;position: relative;}
#section3 .section3-1, #section3 .section3-2{min-height:550px;width:50%;float:left;position: relative;color:var(--noir);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding:100px 40px;text-align: right;}
#section3 .section3-1{border-right:2px solid yellow;border-color:var(--jaune);padding:120px 7%;min-height:650px;}
#section3 .section3-2{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:50px 7% 50px 5%;}
#section3 p{padding-bottom:30px;text-align: right;line-height:1.6em;font-size: 16px;width:70%;margin:0px;}
#section3 h2{position: relative;font-size:40px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: right;padding-bottom:30px}
#section3 h2 strong{color:var(--jaune);font-family: 'Teko-Bold', sans-serif;}
#section3 .section3-2 img:first-of-type{width:auto;height:550px;}
#section3 .section3-2 img:last-of-type{width:80px;height:auto;position: absolute;left:7%;bottom:100px;}
.losanges{position:absolute;width:70px;height:auto;right:-37px;z-index:2;}
#section3 .section3-1:after{position:absolute;background:#DFDFDF;content:'';width:40%;height:2px;left:100%;z-index:0;}
#section3 .losange{z-index:2;position: absolute;left:50%;bottom:-150px;margin-left:-11px;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#section3 .losange>div, #section3 .losange:after{background:#ffffff;}
#section3 .losange:after{height:130px;}

#section4{position:relative;float:left;width:100%;padding:200px 18% 140px 18%;background:url(../images/agh-detective-background-justice.jpg);background-size: cover;background-repeat: no-repeat;color:#ffffff;}
#section4 h2:first-of-type{font-size:40px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: center;padding-bottom:40px;}
#section4 .juridique1{float:left;width:100%;}
#section4 h3{font-size:24px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;}
#section4>div:first-of-type{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;padding-bottom:40px;text-align: justify;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
#section4>div:first-of-type>img{width:50%;-o-object-fit: cover;object-fit: cover;}
#section4>div:first-of-type>div{width:50%;padding:0px 50px;line-height: 1.6em;font-size: 16px;}
#section4>div:first-of-type>div h3{padding-bottom:10px;}
#section4>div:first-of-type>div p{padding-bottom:30px;}
#section4 h2:last-of-type{font-size:40px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: left;padding-bottom:20px;width:100%;position: relative;}
#section4 h2:last-of-type span{position: relative;}
#section4 h2:last-of-type span:before{right:-50px;background-image: url('../images/losange.png');background-size: 30px 30px;display: inline-block;width: 30px; height: 30px;content:"";position: absolute;}
#section4 h2:last-of-type span:after{left:100%;margin-left:43px;content:'';position:absolute;width:100vw;height:2px;background:#ffffff;top:23px;}
#section4>div:last-of-type{width:100%;line-height: 1.6em;font-size: 16px;text-align: justify;padding-right:50px;}

#section-conseil{cursor:pointer;float:left;width:100%;background: var(--jaune);padding:100px 0px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#section-conseil:hover .conseil-tel span{background:var(--noir);cursor:pointer;padding:5px 30px;}
.conseil-tel{position:relative;}
.conseil-tel:after{background-image: url('../images/picto-tel2.png');background-size: 83px 125px;display: inline-block;width: 83px; height: 125px;content:"";position: absolute;top:-48px;right:-24px;z-index:1;}
.conseil-tel span{background:#ffffff;color:var(--jaune);border-radius: 15px;padding:5px 15px;font-size:20px;font-family: 'Mina-Bold', sans-serif;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: relative;z-index:2;}
#section-conseil>div:last-of-type{color:#ffffff;padding-left:40px;}
#section-conseil>div:last-of-type h2{font-size:40px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: left;padding-bottom:20px;}
#section-conseil>div:last-of-type p{font-size:30px;font-family: 'Teko-Regular', sans-serif}
#section5{float:left;width:100%;position: relative;background:#ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;}
#section5>div{width:50%;}
#section5>div:first-of-type{position:relative;padding:120px 0px 120px 7%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#section5>div:first-of-type img{width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
#section5>div:first-of-type>div{position: absolute;bottom:95px;}
#section5>div:first-of-type>div>span{background:var(--jaune);padding:0px 30px;position: relative;color:var(--noir);height:50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size:16px;color:#ffffff;}
#section5>div:first-of-type>div>span:before{top:0px;width: 0px;height: 0px;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-right: 25px solid #ffffff;border-right-color:var(--jaune);content:'';position: absolute;left:-25px;}
#section5>div:first-of-type>div>span:after{top:0px;width: 0px;height: 0px;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #ffffff;border-left-color:var(--jaune);content:'';position: absolute;right:-25px;}
#section5>div:last-of-type{position:relative;padding:120px 7%;}
#section5>div:first-of-type .losanges{left:100%;top:50%;margin-left:-35px;width:70px;height:auto;top:50%;margin-top:-22px;}
#section5 h2{position: relative;font-size:40px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: left;padding-bottom:30px;}
#section5 h2 strong{color:var(--jaune);font-family: 'Teko-Bold', sans-serif;}
#section5 p{padding-bottom:30px;text-align: left;line-height:1.6em;font-size: 16px;width:70%;margin:0px;}
#section5 p:last-of-type{margin-bottom:30px;}
#section5 .bt-base-jaune{position: relative;z-index:2;}
#section5 .bt-base-jaune:after{background-image: url('../images/picto-tel3.png');background-size: 80px 120px;display: inline-block;width: 80px; height: 120px;content:"";position: absolute;top:-35px;right:-24px;z-index:1;}

#avis{position:relative;float:left;width:100%;padding:200px 7% 120px 7%;background:url(../images/agh-detective-background-2.jpg);background-size: cover;background-repeat: no-repeat;}
#avis .losange{z-index:2;position: absolute;left:50%;bottom:auto;top:0px;margin-left:-11px;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#avis .losange>div, #avis .losange:after{background:#ffffff;}
#avis .losange:after{height:130px;}
#avis h2{font-size:40px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: center;padding-bottom:60px;color:#ffffff;}
#avis-clients{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width:100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#avis-clients>div{width:22%;margin-right:4%;background:#ffffff;border-bottom:15px solid yellow;border-bottom-color:var(--jaune);line-height: 1.6em;font-size: 16px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#avis-clients>div:last-of-type{margin-right:0px;}
#avis-clients>div>div:first-of-type{padding:70px 20px 50px 20px;text-align: center;position: relative;}
#avis-clients>div>div:first-of-type:before{content:'"';color:var(--jaune);position: absolute;top:60px;left:20px;font-size:100px;}
#avis-clients>div>div:first-of-type:after{content:'"';color:var(--jaune);position: absolute;bottom:-30px;right:20px;font-size:100px;}
#avis-clients>div>div:last-of-type{padding:20px 20px 50px 20px;text-align: center;color:var(--jaune);font-size:24px;}
#avis-clients>div>div:last-of-type i{padding:0px 5px;}

/* Type */

/* Particuliers */
#section1.section1type{height:auto;min-height: auto;padding:210px 0px 120px 0px;background:var(--noir);position:relative}
#section1.section1type>div{width:100%;height:100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left:0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#section1.section1type .losange{position: absolute;display: block;bottom:0px;z-index:1;width:auto;height:auto;left:10%;margin-left:-9px;}
#section1.section1type .losange:after{height:60px;}
#section1.section1type h1{color:#ffffff;font-family:'Teko-SBold', sans-serif;font-weight:normal;font-size: 50px;text-transform: uppercase;padding:50px 0px 40px 0px;}
#section1.section1type p{text-align: center;color:#ffffff;line-height:1.8em;font-size: 18px;width:80%;margin:0px;padding:0px;}
#section1.section1type ul{color:#fff;}
#section1.section1type .section1type-titre{position: relative;z-index:1;}
#section1.section1type .section1type-bg{position: absolute;width:100%;height:100%;z-index:0;background-size: cover;opacity:0.1;top:0px;left:0px;}

.sectiontype-2{float:left;width:100%;}
.sectiontype-2>div{border-left:2px solid black;border-color: var(--noir);position: relative;width:90%;margin-left:10%;}
.sectiontype-2-losanges{width:10%;position: absolute;height: auto;left: -35px;z-index: 2;top:113px;}
.sectiontype-2-losanges>div{position: relative;width:100%;height:100%;}
.sectiontype-2-losanges img{position: relative;z-index: 2;width:70px;height:auto;}
.sectiontype-2-losanges>div:after{content:'';position: absolute;height:2px;width:100%;background:var(--noir);top:22px;left:10px;z-index:0;}
.sectiontype-2-content{padding:120px 540px 120px 10%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.sectiontype-2-content img{max-width:100%;}
.sectiontype-2-content>div:first-of-type{width:90%;}
.sectiontype-2-content h2{position: relative;font-size: 40px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: left;padding-bottom: 30px;}
.sectiontype-2-content p{text-align: left;color:var(--noir);line-height:1.8em;font-size: 18px;width:100%;margin:0px;padding:0px;padding-bottom:10px;}
.image-losange{position:absolute;right:90px;top:0px;z-index:2;}
.image-losange div{position: relative;width:400px;height:400px;}
.image-losange div div:first-of-type{position:absolute;top:0px;right:0px;width:100%;height:100%;-webkit-transform: rotate(45deg);transform: rotate(45deg);overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.image-losange div  div:first-of-type img{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width:150%;height:150%;-o-object-fit: cover;object-fit: cover;max-width: inherit;}
.image-losange div  div:last-of-type{position:absolute;left:-45px;bottom:62px;width:100px;height:100px;background:var(--jaune);-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index:3;}

#section-interventions{float:left;width:100%;color:#000000;padding-bottom:120px;position: relative;}
#section-interventions h2{position: relative;font-size: 40px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: left;padding-bottom: 30px;}
#section-interventions>div:first-of-type{float:left;width:90%;margin-left:10%;border-left:2px solid yellow;border-color:var(--jaune);padding:120px 10% 120px 10%;position: relative;}
#section-interventions .sectiontype-2-losanges{left:-23px;}
#section-interventions .sectiontype-2-losanges>div:after{background:var(--jaune);}
#section-interventions .sectiontype-2-losanges img{width:45px;}
#tableau-interventions{float:left;width:100%;padding:0px 7%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#tableau-interventions>div{border:2px solid #ffffff;padding:60px 20px;width:25%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;border-right:0px;position: relative;min-height:420px;}
#tableau-interventions.mini{justify-content: flex-start;align-items: stretch;}
#tableau-interventions.mini>div{padding:30px;min-height:auto;align-items: flex-start;}
#tableau-interventions.mini>div>div:first-of-type{flex-direction: row;display: flex;}


#tableau-interventions.mini>div img{width:2rem;height:2rem;object-fit: contain;object-position: center;margin-bottom:20px;}
#tableau-interventions.mini>div h3{text-align: left;padding:0px 0px 20px 20px;flex:1;}
#tableau-interventions.mini>div a{}
#tableau-interventions>div a{margin-top:auto;}
#tableau-interventions>div:nth-of-type(4n){border-right:2px solid #ffffff;}
#tableau-interventions>div:nth-of-type(n+5){border-top:0px;}
#tableau-interventions>div:last-of-type{border-right:2px solid #ffffff;}
#tableau-interventions>div h3{font-family:'Teko-SBold', sans-serif;font-size:24px;padding:30px 0px;line-height: 1.3em;}
.reponse{height:0px;overflow:hidden;opacity:0;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding:0px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: absolute;top:0px;left:0px;background:var(--noir);color:#ffffff;}
.reponse.on{opacity:1;height:100%;padding:20px 20px 60px 20px;overflow:auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.reponse .close{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top:20px;}
.reponse>div{width:100%;text-align: justify;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.reponse>div p{font-size: 14px;}
.reponse>div h4{font-family: 'Teko-SBold', sans-serif;font-size: 24px;padding: 30px 0px;line-height: 1.3em;color:var(--jaune);padding-top:0px;text-align: left;}

.sectiontype-3{float:left;width:100%;padding:120px 0px;background:#ffffff;position: relative;overflow: hidden;}
.sectiontype-3 .section1type-bg{position: absolute;width:100%;height:100%;z-index:0;background-size: cover;opacity:0.1;top:0px;left:0px;}
.sectiontype-3 .sectiontype-3content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;z-index:2;}
.sectiontype-3 .sectiontype-3content>div{width:48%;text-align: left;color:var(--noir);line-height:1.8em;font-size: 18px;margin:0px;padding:0px;color:var(--noir);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.sectiontype-3 .sectiontype-3content>div h2{position: relative;font-size: 40px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: left;padding-bottom: 30px;color:var(--jaune)}
.sectiontype-3 .sectiontype-3content>div p{padding-bottom:10px;}
.sectiontype-3 .sectiontype-3content>div img{width:100%;height:250px;-o-object-fit: cover;object-fit: cover;padding-bottom:20px;}
.sectiontype-3 .sectiontype-3content>div ul{margin-top:0px;margin-left:0px;background:var(--jaune);padding:20px;color:#ffffff;margin-bottom:20px;width:100%;}
.sectiontype-3 .sectiontype-3content>div ul li{margin-left:20px;}

.sectiontype-2.sectiontype-2b{background:var(--noir);color:#ffffff;}
.sectiontype-2.sectiontype-2b .sectiontype-2-content{padding-right:10%;}
.sectiontype-2.sectiontype-2b .sectiontype-2-content a{color:var(--jaune)}
.sectiontype-2.sectiontype-2b .sectiontype-2-content .bt-base-jaune{color:#fff;}
.sectiontype-2.sectiontype-2b .sectiontype-2-content .bt-retour{padding-top:100px;}
.sectiontype-2.sectiontype-2b>div{border-color:var(--jaune);}
.sectiontype-2.sectiontype-2b .sectiontype-2-losanges{left:-23px;}
.sectiontype-2.sectiontype-2b .sectiontype-2-losanges>div:after{background:var(--jaune);}
.sectiontype-2.sectiontype-2b .sectiontype-2-losanges img{width:45px;}
.sectiontype-2.sectiontype-2b p{color:#ffffff;}
.sectiontype-2.sectiontype-2b ul{margin-left:0px;padding:20px;color:#ffffff;font-size: 18px;line-height: 1.8em;border:2px solid yellow;border-color: var(--jaune);}
.sectiontype-2.sectiontype-2b ul li{margin-left:20px;}
.sectiontype-2.sectiontype-2b h3{position: relative;font-size: 24px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: left;color:var(--jaune);padding-bottom:10px;padding-top:20px;}
.sectiontype-2.sectiontype-2b .losange{position:absolute;left:0%;bottom:auto;margin-left:-11px;top:-70px;}

/* Actualités */
#section1.section1typeactu .losange{left:50%;}
#section1.section1typeactu .section1type-bg{opacity:0.5;}
.sectiontype-3.sectiontype-3-actu .sectiontype-3content>div h2{font-size:30px;}
.sectiontype-3.sectiontype-3-actu .sectiontype-3content>div a{margin-top:10px;}
.sectiontype-3.sectiontype-3-actu .sectiontype-3content{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.sectiontype-3.sectiontype-3-actu .sectiontype-3content>div:nth-of-type(n+3){margin-top:70px;}
.sectiontype-2.sectiontype-2actu{background:#ffffff;color:var(--noir);}
.sectiontype-2.sectiontype-2actu p{color:var(--noir);}
.sectiontype-2.sectiontype-2actu ul{background:var(--noir);color:#ffffff;border:0px;}
.sectiontype-2.sectiontype-2actu .bt-retour{padding-top:100px;float:left;width:100%;}
.sectiontype-2.sectiontype-2actu .bt-retour a{color:#ffffff;}
.sectiontype-2-content img{max-width:100%;width:100%;height:300px;-o-object-fit: cover;object-fit: cover;}
.maps.actu>div{margin-bottom:70px;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.maps.actu>div>p{background:none;color:var(--noir);text-align: left;padding:20px 0px;line-height: 1.8em;font-size: 18px;font-family: 'Mina-Regular', sans-serif;}

/* Formulaire */
#section-interventions.section-form{padding-bottom:0px;}
.sectiontype-2-content-contact{width:100%;padding-right:10%;}
.sectiontype-2-content-contact>div:first-of-type{width:100%;}
.maps{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.maps>div{width:48%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.maps>div h3{position: relative;font-size: 24px;font-family: 'Teko-Bold', sans-serif;text-transform: uppercase;text-align: left;color:var(--jaune);padding-bottom:20px;}
.maps>div i{color:var(--jaune);font-size:30px;padding-right:10px;}
.maps>div p{font-size:24px;font-family:'Teko-Regular', sans-serif;width:100%;padding:20px;text-align: center;background:var(--noir);color:#ffffff;}
.maps>div strong{font-size:34px;font-family:'Teko-SBold', sans-serif;}
.maps iframe{width:100%;height:400px;border:2px solid black;border-color:var(--noir);}
#section1.section1type.section1contact p{padding-bottom:0px;}
#form{float:left;width:100%;padding:120px 0px;}
#form .entete2{display: -webkit-box;display: -ms-flexbox;display: flex;width:100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-bottom:40px;}
#form .entete2 h2{font-family: 'Mina-Regular', sans-serif;font-size: 34px;line-height: 1.4em;}
#form .entete2 span{color: var(--orange);font-family: 'NSItalic', sans-serif;font-size: 24px;}
#form form{width:100%;padding-top:30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin:0px auto;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#form form label{font-size: 24px;font-family: 'Teko-Regular', sans-serif;float:left;width:100%;font-size:24px;padding:10px 0px;text-align: left;}
#form form input, #form form textarea{font-family: 'Mina-Regular', sans-serif;float:left;width:100%;font-size:18px;padding:10px;margin-bottom:30px;color:#ffffff;background:var(--noir);border:1px solid yellow;border-color:var(--jaune);}
#form form input::-webkit-input-placeholder{color:var(--jaune);}
#form form input::-moz-placeholder{color:var(--jaune);}
#form form input:-ms-input-placeholder{color:var(--jaune);}
#form form input::placeholder{color:var(--jaune);}
#form form textarea{min-height:200px;}
#form form #envoyer{position:relative;border:0px;float:right;margin-left:auto;color:#ffffff;cursor:pointer;background:var(--jaune);-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#form form #envoyer:hover{background:var(--noir);border:2px solid yellow;border-color: var(--jaune);}
#form #legal{float:left;width:100%;}
#form #legal a{color:var(--orange);text-decoration: underline;}
#form #rgpd{float:left;width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;padding-top:20px;}
#form #rgpd input{width:auto;}
#form #rgpd label{width:100%;font-size:18px;padding:0px 0px 0px 20px;line-height: 1.4em;text-align: left;}
.captcha{float:left;width:100%;}

/* Légal */
.sectionmentions{padding:100px 0px;float:left;width:100%;}
.sectionmentions h2{font-family: 'Teko-Regular', sans-serif;font-size: 34px;line-height: 1.4em;padding-bottom:20px;}
.sectionmentions h3{font-family: 'Teko-Regular', sans-serif;font-size: 24px;line-height: 1.4em;}

/* Ateliers / décoration */
#sectiontableau{float:left;width:100%;background: #ffffff;padding:100px 0px;}
#sectiontableau>div:first-of-type{width:50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#sectiontableau .entete h2{text-align: center;font-family: 'Mina-Regular', sans-serif;font-size: 34px;line-height: 1.4em;padding-bottom:20px;}
#sectiontableau .entete p{text-align: center;padding-bottom:40px;}
#sectiontableau .entete hr{width:100px;height:5px;border:0px;background:var(--gris) ;margin-bottom:30px;}
#listetableau{margin:0px auto;width:80%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.casetableau{width:49%;padding:20px;margin:10px 2% 10px 0px;}
.casetableau:nth-child(even){margin-right:0px;}
.casetableau .img{width:100%;height:300px;}
.casetableau h3{font-family: 'Mina-Regular', sans-serif;font-size: 24px;line-height: 1.4em;padding:20px 0px;}
.casetableau .desc{text-align: justify;}
.casetableau .date{float:right;padding:10px 0px 10px 10px;font-family: 'FPTBold', sans-serif;color:var(--orange);font-size:14px;}
.casetableau  a{float:left;margin-top:20px;}

/* Responsive */
@media (max-width: 1550px), (max-device-width: 1550px){
    #logo{width:15%;}
    header #logo img{height:60px;width:auto;top:14px;}
    header.min #logo img{height:50px;}
    #menuprincipal{width:85%;font-size:16px;}
    #menuprincipal li .bt-base-jaune{font-size:16px;padding:8px 15px;}
    .image-losange div{width:300px;height:300px;}
    .sectiontype-2-content{padding-right:460px;}
    .sectiontype-2-content-contact{padding-right:10%;}
    #avis-clients>div>div:last-of-type i{font-size:14px;}
    #section4{padding:200px 5% 140px 5%;}
}

@media (max-width: 1279px), (max-device-width: 1279px){
    .width1{width:96%;}
    .width2{width:90%;}
    header #logo img{height:48px;width:auto;top:14px;}
    header.min #logo img{height:58px;}
    #menuprincipal{width:85%;font-size:14px;}
    #menuprincipal li .bt-base-jaune{font-size:14px;}
    #header1>div>div>div:first-of-type>div span{font-size:14px;}
    #avis-clients>div{font-size:14px;}
    #tableau-interventions>div{min-height:500px;}
}

@media (max-width: 1023px), (max-device-width: 1023px){

    #menuprincipal{opacity:0;left:0px;padding:40px 15%;width: 100%;height:100vh;position: absolute;top:-100vh;background:#ffffff;z-index:10;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;overflow:auto;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background:url(../images/agh-detective-background.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;}
    #menu-m{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;height:100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    #header21{position: inherit;}
    #menuprincipal .bt-fermer-m{display:-webkit-box;display:-ms-flexbox;display:flex;position: absolute;z-index:12;right:2%;top:15px;font-size:40px;margin-top:0px;color:#ffffff;}
    #menuprincipal .bt-fermer-m a{color:#ffffff;font-family:'Mina-Bold', sans-serif;}
    #menuprincipal li{margin:20px 0px;}
    #menuprincipal .bt-fermer-m{text-transform: inherit;}
    .logo-m{display:-webkit-box;display:-ms-flexbox;display:flex;text-align: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    #header1>div>div>div:first-of-type{display: none;}
    #header1>div>span{display: none;}
    #header1>div>div{width:100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    #header1>div>div>div:nth-of-type(2){padding-left:0px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
    #header1>div>div>div:nth-of-type(2) img{right:auto;left:120px;}
    #header1>div>div>div:nth-of-type(3){padding-right:15px;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
    #header1 .header-cpme{display:none;}
    #header2{height:70px;}
    #section1 .losange{margin-top:unset;}
    .image-losange div{width:200px;height:200px;}
    .sectiontype-2-content{padding-right:335px;}
    .sectiontype-2-content-contact{padding-right:10%;}
    .image-losange div div:last-of-type{bottom:0px;}
    #tableau-interventions>div{width:50%;min-height:420px;}
    .sectiontype-2-content h2, #section-interventions h2{font-size:34px;}
    .sectiontype-2-content p{font-size:16px;}
    #tableau-interventions>div:nth-of-type(2n){border-right:2px solid #ffffff;}
    #tableau-interventions>div:nth-of-type(n+3){border-top:0px;}
    #tableau-interventions>div:last-of-type{border-right:2px solid #ffffff;}
    #avis-clients>div{width:100%;margin-right:0px;margin-bottom:30px;}
    #avis-clients>div:last-of-type{margin-bottom:0px;}
    #avis-clients>div{font-size:18px;}
}

@media (max-width: 860px), (max-device-width: 860px){
    #header1>div{font-size:12px;}
    #titre-section1>span{display:none;}
    #titre-section1>div:before{display: none;}
    #section2>div:first-of-type{border-right:0px;}
    #section1 h1, #section1.section1type h1{font-size:34px;padding:20px 0px;width:100%;}
    #section1 p, #section1.section1type p{font-size:16px;width:90%;}
    #section1 p br, #section1.section1type p br{display: none;}
    #section1{min-height:100vh;padding-top:160px;padding-left:2%;padding-right:2%;text-align: center;background-position: center;}
    #section1 .losange{display: none;}
    #section2>div{width:100%;}
    #header1>div>div>div:nth-of-type(2){font-size:10px;line-height: 1.2em;}
    #header1>div>div>div:nth-of-type(3){font-size:10px;line-height: 1.2em;}
    #header1>div>div>div:nth-of-type(2)>div:last-of-type, #header1>div>div>div:nth-of-type(3)>div:last-of-type{font-size:10px;}
    #header1>div>div>div:nth-of-type(2) img{left:90px;}
    #section2>div{padding:100px 2%;}
    #section2>div p{font-size:16px;}
    .bt-base-jaune{font-size:16px;}
    #section2>div:last-of-type{padding-top:260px;}
    #section2>div:last-of-type .section2-img{top:120px;}
    #section3 .section3-1{padding:100px 4% 0px 4%;border:0px;}
    #section3 .section3-1:after{right:auto;bottom:0px;}
    #section3 .section3-1, #section3 .section3-2{width:100%;text-align: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    #section3 h2{text-align: center;}
    #section3 p{width:100%;text-align: center;}
    #section3 .losanges{position: relative;right:auto;margin-top:30px;}
    #section3 .section3-2 img:first-of-type{width:60%;height:auto;}
    #section3 .section3-2{padding-bottom:100px;padding-top:20px;min-height:auto;}
    #section3 h2, #section4 h2:first-of-type, #section4 h2:last-of-type, #section5 h2, #avis h2{font-size:34px;}
    #section4{padding:200px 4% 100px 4%;}
    #section4>div:first-of-type{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    #section4>div:first-of-type>img{width:100%;height:300px;}
    #section4>div:first-of-type>div{width:100%;padding:0px;padding-top:30px;}
    #section4 h2:last-of-type span:after{margin-left:60px;}
    #section4 h2:last-of-type span:before{right:-80px;}
    #section4>div:last-of-type{padding-right:0px;}
    #section-conseil>div:last-of-type h2{font-size:24px;}
    #section-conseil{padding:100px 4%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    #section-conseil>div:last-of-type{padding-left:0px;padding-top:80px;text-align: center;}
    #section-conseil>div:last-of-type h2{text-align: center;padding-bottom:10px;}
    #section-conseil>div:last-of-type p{font-size:18px;}
    #section5{-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;text-align: center;}
    #section5>div:first-of-type, #section5>div:last-of-type{padding:100px 4%;text-align: center;}
    #section5>div{width:100%;}
    #section5 h2{text-align: center;}
    #section5 p{text-align: center;padding:0px;width:100%;}
    #section5 .bt-base-jaune{display: -webkit-box;display: -ms-flexbox;display: flex;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    #section5 .bt-base-jaune:after{display:none;}
    #section5>div:last-of-type{padding-bottom:0px;}
    #section5>div:first-of-type{padding-top:40px;}
    #section5>div:first-of-type .losanges{display:none;}
    #section5>div:first-of-type>div{bottom:75px;}
    footer>div{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    footer>div>div, footer>div:first-of-type>div{width:100%;text-align: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    footer>div:first-of-type>div:last-of-type .bt-base-noir{margin-bottom:10px;}
    footer>div:first-of-type>div:last-of-type>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    footer>div:last-of-type{padding:50px 4%;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    footer>div:last-of-type div:first-of-type{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    footer .footer-bas, footer .footer-bas span:first-of-type{width:100%;margin-left:unset;}
    footer .footer-bas{padding-top:40px;}
    footer .footer-bas span{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    footer>div:first-of-type>div img{width:50%;}
    .sectiontype-2-content{padding-right:0px;padding-top:100px;padding-bottom:100px;}
    .sectiontype-2-content .image-losange{display:none;}
    #tableau-interventions>div{width:100%;}
    .sectiontype-2-content h2, #section-interventions h2, .sectiontype-3 .sectiontype-3content>div h2{font-size:34px;}
    .sectiontype-2-content p{font-size:16px;}
    #tableau-interventions>div{border:2px solid #ffffff;min-height:auto;}
    #tableau-interventions>div:nth-of-type(n+2){border-top:0px;}
    #section-interventions>div:first-of-type{padding:100px 10%;}
    .sectiontype-3 .sectiontype-3content{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .sectiontype-3 .sectiontype-3content>div{width:100%;}
    .sectiontype-3 .sectiontype-3content>div:first-of-type{padding-bottom:40px;}
    .sectiontype-3{padding:100px 2%;}
    .sectiontype-3 .sectiontype-3content>div p, .sectiontype-3 .sectiontype-3content>div ul{font-size:16px;}
    .sectiontype-2.sectiontype-2b .sectiontype-2-content{padding-right:0px;}
    #section1.section1type .section1type-titre{padding:0px 2%;}
    .maps>div{width:90%;padding-bottom:40px;}
    .maps.actu h2{font-size:24px;}
    .maps.actu>div>p, .sectiontype-2.sectiontype-2b ul{font-size:16px;}
    .maps>div p{font-size:18px;}
    .maps>div strong{font-size:24px;}
    #form #rgpd{padding-bottom:20px;}
    #form #legal{font-size:12px;}
}