@font-face {    font-family: 'Keep Calm Med';    src: url('KeepCalm-Medium.eot');    src: url('KeepCalm-Medium.eot?#iefix') format('embedded-opentype'),        url('KeepCalm-Medium.woff2') format('woff2'),        url('KeepCalm-Medium.woff') format('woff'),        url('KeepCalm-Medium.ttf') format('truetype'),        url('KeepCalm-Medium.svg#KeepCalm-Medium') format('svg');    font-weight: 500;    font-style: normal;}
.services{margin-bottom:20px;display: flex;flex-wrap: wrap;}
.innerservice{max-width:1000px;margin:0 auto;display:flex;justify-content;space-between;}
.innerservice img{display:block;margin:15px auto;transition:0.6S ease all;}
.innerservice a{transition:0.6S ease all;font-size:16px;color:#000;text-transform:uppercase;letter-spacing:1px;display:block;text-align:center;margin-top:20px;text-decoration:none;}
.boxservice:hover img{transform:scale(0.8);}
.boxservice:hover a{transform:scale(0.8);}
.blochome{display:flex;flex-wrap: wrap;}
.nopaddingright{padding-right:0px;}
.Redtext>div{height:100%;background:#d90000;color:#fff;display:flex;align-items:center;padding:15px 40px;text-align:center;font-size:16px;}
.bandeau img{ width: 90%; padding-top: 30px; padding-bottom: 30px; display: block; margin: auto;}
.bandeau p{color:#616668 !important}
.bandeau a{color:#616668 !important; text-decoration: none !important;}
.bandeau a:hover{color:#f37a1f !important; transition: all 0.4s;}
.text_antoine h1{font-size: 17px; line-height: 22px;}
.interne {    margin: 0 auto;    max-width: 1400px;}
ul{margin:0px;padding:0px;}
body{padding:0px;margin:0px;overflow-x:hidden;color: #000;line-height: initial;font-family: 'Keep Calm Med';overflow-x: hidden;}
.titlelogo{color:#fff;font-size:32px;display:block;margin-top:10vh;letter-spacing:3px;text-shadow: 57px 23px 65px black;}
.nopadding{padding:0px;}
.titlestyle{font-size: 19px;display:block;text-align:center;margin: 20px auto;max-width: 270px;line-height: 24px;letter-spacing: 5px;text-transform: uppercase;}
.texthome img{margin:0 auto 20px;display:block;}
.texthome p {max-width: 350px;text-align:center;font-size:16px;margin: 0 auto 20px;line-height: 20px;}
/****** end slider ***/ /****** menu ***/ .dropmenu a{margin-bottom:5px;}
.menubox li{display: block;position: relative;background-size: 100% 100%;padding: 6px 14px;text-align: center;}
.noborder{border: none !important;}
.dropmenu li{}
.menubox li:hover .dropmenu{transform:scaley(1);}
.menubox li a{transition: 0.7s ease all;display: inline-block;font-size: 15px;color: #7f828c;overflow:hidden;position:relative;text-decoration: none !important;letter-spacing: 2px;padding-right: 0px;:font-family:'avantgardebold';text-transform: uppercase;}
.menubox li a:before {    width: 100%;content:"";    height: 1px;    background: #fff;    position: absolute;    top: 50%;    transition: 0.7s ease all;    transform: translateX(-110%);}
.menubox li a:hover:before{transform: translateX(110%);}
.menubox li a:hover{text-decoration:none;}
.menubox>ul{    margin: 0px;    padding: 0px 15px;}
.dropmenu li{display:block;width: 100%;}
.dropmenu li a {padding:10px;display: block;transition: 0.3s ease all;color: #FFF;text-align: left;text-transform: none;}
.dropmenu li a:before {display:none;}
.dropmenu li a:hover{color: #333;background: #fff;text-decoration: none !important;}
.dropmenu{position:absolute;left:0px;top: 100%;padding: 20px 5px;transition: 0.6s ease all;transform: scaley(0);min-width: calc(100% + 150px);z-index: 0;background: #313a77;}
.sousdropmenu{position:absolute;left:0px;background: #ebb03e;top: 0;padding: 20px;left: 100%;transition: 0.3s ease all;transform: scaley(0);min-width: 100%;}
.dropmenu li:hover .sousdropmenu{transform: scaley(1)}
.navpage  {    width: 100%;    position: absolute;    display: flex;    align-items: center;    justify-content: center;    top: 30px;}
.menubox img{display:block;margin:0 auto;}
.menubox{    padding: 20px 15PX;    position: relative;    Z-INDEX: 3;    min-width: 260px;    background: #fff;    max-width: 1440px;}
.menubox>div{    display: flex;    align-items: center;    position: relative;    width: 100%;    justify-content: center;}
.menubox>ul {    margin: 0 auto;    position: relative;    display: flex;    align-items: center;    justify-content: SPACE-BETWEEN;}
/****** end menu ***/ .toppage{position:relative;}
header{position:relative;max-height:100vh;overflow:hidden;display: flex;justify-content: flex-end;}
.boxlogo{padding: 0px;width: 100vW;position: absolute;left:0;display: flex;justify-content: center;top: 0;z-index: 9;align-items: center;height: 66%;}
boxlogo>div {width:100%}
.boxlogo a {    display: block;}
.boxlogo span{color:#fff;font-size:17px;display:block;text-align:center;margin-top: -30px;margin-bottom: 30px;}
.boxlogo a img{}
.boxlogo img{display:block;margin:0 auto;}
.bannerbox{width: 100vw;max-height: 100VH;OVERFLOW: HIDDEN;position: relative;}
.bannerbox:after{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;background: url(../img/backslider.png) no-repeat;background-position: bottom;background-size: 100% auto;}
/****** footer ***/ .contact img{}
.contact{font-size:20px;color: #f37a1f;}
.boxfooter{overflow:hidden;background: url(../img/backfooter.jpg) no-repeat;background-position: 50% 40px;}
.footer{color: #fff;}
.footerflex{    display: flex;    align-items: center;    WIDTH: 100%;    justify-content: space-between;    margin-bottom: 60px;}
.footer .phonebox{}
.footerflex p{margin:0px;font-size: 16px;letter-spacing: 2px;font-family: 'avantgardebold';}
.footerlink{color: #DDD;font-size: 10px;font-family:verdana;text-align: right;}
.footerlink ul{list-style:none;margin:0px;padding:0px;display: inline-block;}
.footerlink ul li{display:inline-block;}
.footerlink ul li a{color: #DDD;text-decoration:none !important;transition:0.3s ease all;}
.footerlink ul li a:hover{color:#6e6861;}
.inlineblock{display:inline-block;}
.footerlink  ul{padding:0px;margin:0px;list-style:none;background:none;}
/****** footer ***/ /* boutton menu responsive */#nav-toggle {cursor: pointer;display: flex;align-items: center;text-align: center;margin: 0px;width: 40px;height: 40px;left: 15px;top: 0px;position: absolute;z-index: 999;justify-content: center;color: #fff;font-style: normal;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer;height: 2px;width: 100%;background: #fff;position: absolute;display: block;content: '';left: 0px;bottom: 11px;background-size: contain;}
#nav-toggle span:before {  top: -7px;}
#nav-toggle span:after {bottom: -7px;width: 70%;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {  transition: all 200ms ease-in-out;}
#nav-toggle.active span {  background: transparent !important;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;WIDTH: 100%;}
#nav-toggle.active span:before {  transform: rotate(45deg);}
#nav-toggle.active span:after {  transform: rotate(-45deg);}
#nav-toggle span{-webkit-animation: test linear infinite;animation: test linear infinite;}
.navphone {position: fixed;width: 100vw;right: 0px;transform: translateX(100%);transition: 0.7s ease-in-out all;background: #f37a1f;z-index: 99;padding: 20px;height: 100vh;overflow: hidden;min-width: 400px;}
.navphoneblock {    transform: translateX(0%);}
.navphoneblock>div {height: 100%;padding-top: 70px;overflow-y: auto;overflow-x: hidden;}
.navphone li {display: block;}
.dropmenu {position: absolute;top: 28px;padding: 5px 10px;left: 0;transition: 0.3s ease all;transform: scaley(0);min-width: 284px;background: none;background: #d90000;}
.dropmenu li{}
.dropmenu li a{    padding: 0;}
.sousdropmenu {    position: relative;    left: 0px;    top: 0px;    padding: 0px;    left: 15px;    transition: 0.3s ease all;    transform: scaley(1);    min-width: 100%;}
.sousdropmenu a {font-weight: 500 !important;padding: 0px !important;}
.navphone li a {transition: 0.7s ease all;display: inline-block;font-size: 15px;color: #fff;overflow: hidden;position: relative;text-decoration: none !important;letter-spacing: 2px;}
/* end boutton menu responsive */@media (max-width:991px){	.contact{border:none;padding: 20px 0px;}
.nopaddingright {    padding: 0px;}
.Redtext>div{padding:40px 15px;}
.footerflex p {    margin: 0px;    font-size: 14px;}
.menubox {    padding: 16px 0PX;    position: relative;    Z-INDEX: 3;    min-width: 220px;    background: #fff;}
.menubox>ul {    padding-bottom: 0px;}
.menubox li {    padding: 5px 5px;}
}
@media (max-width:767px){	.textslider{position:relative !important;}
.boxtext{height:350px;background:url(../img/img2.jpg) no-repeat;}
.annee {    font-size: 50px;    text-transform: uppercase;    text-align: center;}
.nb {    font-size: 68px !important;    line-height: 100px !important;}
.rightext {    width: 100% !important;}
.font1 {    font-size: 21px !important;}
.font2 {    font-size: 17px !important;}
.boxtext img{opacity:0;}
/*#amazingslider-2{height:450px !important;}
.amazingslider-wrapper-2{height:450px !important;}
.amazingslider-slider-2{height:450px !important;}
.amazingslider-box-2{height:450px !important;}
.amazingslider-swipe-box-2{height:450px !important;}
.amazingslider-img-box-2 img{height:100%;max-width:initial !important;width:auto !important;min-width:100%;}
*/	.borderleft {    border-right: none !important;   }
.arbre img{ border-top: 4px solid #fff;margin-top:15px;padding-top:15px;}
.page .textpage{    position: relative !important;    padding: 0px !important;    height: auto !important;}
.texthome{    flex-direction: column;}
.titlemarque{    writing-mode: initial !important;    transform: none !important;    display: flex;    align-items: center;    justify-content: center;    text-orientation: initial !important;    width: 100%;}
.titlemarque:after{display:none !important;}
.titlemarque:before{display:none !important;}
.contact {}
.adr {    display: flex;    align-items: center;    color: #FFF;    background: rgba(255, 102, 0, 0.56);    padding: 15px;    letter-spacing: 1px;    text-transform: uppercase;    width: 70%;}
.footer {    position: relative;    padding: 20px 10px;    clear: both;    display: block;    padding-top: 20px;    overflow: hidden;}
.boxfooter  .logoaxomedia{margin: 0 auto 10px;display: block;}
.footer {    display: block;    text-align: center;    padding-top: 0px !important;}
.adresse{color:#fff;font-size: 19px;margin-bottom:20px;}
.adresse .phonebox img{margin-left:0px !important;}
.menubox{    min-height: 400px;    height: auto;}
.footerflex{flex-direction:column}
.adrbox{margin-bottom:20px;}
}
@media (max-width:550px){}
.fixedbutton {    width: 100%;    position: fixed;    background: #fff;    height: 50px;    top: 0px;    z-index: 999999999;    transition: 0.5s ease all;    transform: translateY(-109%);}
.fixedbutton .btnmenu{}
.fixedbutton.fixed {transform: translateY(0%);background: #f37a1f;}
.sticky{    display: flex;    align-items: center;    padding: 0px;    margin: 0px;    width: 100%;    justify-content: center;    list-style: none;    position: relative;}
.sticky  li a{color: #fff;font-size: 15px;display: block;padding: 14px 15px;letter-spacing: 2px;z-index: 99999;position: relative;text-decoration: none !important;BACKGROUND: #f37a1f;}
.sticky  li a:hover{opacity: 0.8; color: black; transition: all 0.3s;}
.sticky  li{position:relative;}
.sticky  .dropmenu{transform: translatey(-157%);background: #f37a1f;left: 0;}
.sticky  li:hover .dropmenu{    transform: translatey(0);    min-width: 300px;    top: 37px;}
@media(min-width:991px){	}
@media(max-width:767px){    .boxlogo a img{max-width: 100% !important;}
.titlelogo{    font-size: 20px !important;    padding: 15px;    text-align: center;    margin: 0px !important;}
.nopaddingright{padding-left:0px;padding-right:0px;margin-bottom:20px;}
.nopaddingleft{padding-left: 0px;padding-right: 0px;}
.text {padding: 20px 0px;}
.contact img {}
.logobox a:nth-child(1){    height: 40%;}
.logobox a:nth-child(1) img{    max-height: 90%;}
.logobox a:nth-child(2){    height: 60%;}
.logobox a:nth-child(2) img{    max-height: 100%;}
}
.imghome img{transition:0.4S ease all;}
.imghome:hover > img{transition:0.4S ease all;transform:scale(1.1);}
.flexligne{display:flex;overflow:hidden;flex-wrap: wrap;}
.line_flex{display:flex;overflow:hidden;margin-top:20px;flex-wrap: wrap;}
.backorange{border-left: 10px solid #fff;border-right: 5px solid #fff;}
.backorange>div{height: calc(100% - 25px);background: #ff4513;display: flex;align-items: center;padding: 0px 15px;color: #fff;font-family: 'gotham_boldregular';font-size: 16px;letter-spacing: 1px;justify-content: center;}
.icovideo{width: auto !important;height:auto;display: block;margin: 0 auto 20px;}
.contact img{}
.titleservice a {color:#fff;}
.titleservice:hover  a{    color: #ff4513 !important;    text-decoration: none;}
.contact p{    display: block;    align-items: center;    margin: 45px auto;    font-size: 16px;    text-align: center;    text-transform: uppercase;    letter-spacing: 5px;    line-height: 21px;    text-align: center;}
.light{    font-family: 'PetitaLight';}
footer{padding:0px 15PX;margin-top:20px;}
.titlecontact{display:block;font-size:28px;margin-bottom:40px;}
.contact .col-xs-12{}
.contact .border{border-right:1px solid #fff;}
.contact .col-xs-12 img{display: block;margin: 0 auto;}
.footercontact{position: relative;}
.footercontact>img{width:100%}
.footer{background-siz;}
.loader{transition:0.6S EASE ALL;display: FLEX;align-items:center;justify-content:center;position:fixed;width:100VW;z-index: 9999999999999999;999999999999left:0pxz-index: 999999999999999999;z-index: 999999999999999999999;HEIGHT: 100VH;background: #fff;}
.loader:after{content:"";width:20px;height:0vh;position:absolute;left:0px;bottom:0px;background:#efff68;    animation: heightafter 5s forwards;}
.loader:before{content:"";width:calc(100vw - 20px);height:100vh;position:absolute;left:20px;bottom:0px;background:#282f5e; }
.loader img{position:relative;animation: scaleimg 5s forwards;}
.loaderhide{opacity:0;}
.footer{}
.contact>div{max-width: 460px;margin:0 auto;display:flex;align-items: center;margin-bottom: 25px;font-size: 20px;}
.phone{color: #88ff47;padding: 10px;font-size: 13px;letter-spacing: 3px;position: absolute;right: 0px;top: 0px;display: flex;width: 250px;height: 170px;background: url(../img/phone.png) no-repeat;background-size: 100%  100%;z-index: 9;flex-direction: column;align-items: flex-end;padding-top: 40px;}
.white{color:#fff;font-size:16px;display: block;padding-bottom: 5px;}
@keyframes heightafter{		0%{height:0vh}
100%{height:100vh}
}
@keyframes scaleimg{		0%{transform:scale(0)}
100%{transform:scale(1)}
}
.boxlogo a img {    transition: 0.9S ease transform;    transform: translateY(-200%);    animation: logoanim 2s forwards;    display: block;    max-height: 100%;}
.animtext{animation: textanim 2s 0.5s forwards;transform: scaleX(0);}
@keyframes logoanim{0%{transform: translateY(-200%);}
100%{transform: translateY(0%);}
}
@keyframes textanim{0%{transform: scaleX(0);}
100%{transform: scaleX(1);}
}
.boxslider{overflow:hidden;position:relative;}
.colsservice{transition: 0.6S EASE ALL;}
.colsservice:hover{transform: scaleX(0.9);}
@media(max-width:1200px){.texthome>div {    padding: 15px 20px;}
}
@media(max-width:1200px){  .menubox>ul{padding:0px}
.menubox li{    padding: 5px;}
.menubox li a{    font-size:14px;}
.sticky li a {    color: #fff;    font-size: 13px;    display: block;    padding: 14px 16px;	}
}
@media(max-width: 991px){	.boxlogo a img{max-width:400px;}
.titlelogo{font-size:25px;    margin-top: 20px;}
.nb {font-size: 100px !important;line-height: 100px !important;}
.border {font-size: 16px !important;}
.boxlogo{    height: 100%;}
.fixedbutton{}
header{    top: 50px;    margin-bottom: 70px; }
.imghome{flex-wrap:wrap;}
.imghome .col-sm-12{padding-left:15px;padding-right:15px;width:100%}
.texthome{    padding: 15px 15px !important}
.texthome>div {}
footer{}
.service {    margin: 20px 0px;}
}
.boxsliderhome{position:relative;}
.titleslider{left: 0px;width:100%;bottom: 40px;color:#fff;text-transform:uppercase;font-size:18px;text-align:center;position: absolute;z-index: 9;letter-spacing: 2px;}
.page .MENUprincial {}
.textcontent{max-width: 1400px;overflow: hidden;padding: 0px 15px;font-size:15px;font-family: 'Avenir LT Std';text-align:justify;margin: 0 auto 20px;}
@media(max-width:767px){	.imghome .col-sm-12{padding:0px}
.boxlogo a{padding: 0px 15px;}
header{display:block;}
.bannerbox{width:100%;}
.boxlogo {    position: relative;    background: #f37a1f;    padding-top: 60px;}
.footercontact {    position: relative;    background: url(../img/footerimg.jpg) no-repeat;    background-size: cover;}
.footercontact>img{display:none;}
.contact{    width: 100%;}
.logoimg{width: 100%;}
.titlecontact{margin:0px;font-size: 18px;}
.contact .border{border:none;}
.contact .col-xs-12{padding: 10px 15px;font-size: 15PX;}
.footerimg:after{display:none !important}
.footerimg:before{display:none !important}
.contact p{    margin: 10px 0px;}
.footerlink{    text-align: center;    margin-top: 20px;}
.colsservice{    height: 250px;}
}
.footercontent {overflow:hidden;background: #7f828c;position: relative;z-index: 9;padding-top: 15px;}
.btnmenu i{font-style:normal;margin-right: 10px;}
.textbanner{background:#000;color:#FFF;text-align:center;padding:20px;font-size:20px}
.textbanner span{display:block;margin-bottom:15px;}
.page .text{font-size: 14px;text-align:justify;padding:30px 15px;line-height: 25px;letter-spacing: 1px;color: #444;}
@media(min-width:1200px){	.page .toppage {    position: relative;    max-height: 400px;    overflow: hidden;}
}
@media(max-width:1100px){.phone {padding: 10px;letter-spacing: 3px;right: 0px;top: 0px;display: flex;width: 250px;height: 110px;justify-content: flex-end;background-size: 100% 100%;z-index: 9;padding-top: 30px;}
.boxslider:before {    content: "";    width: 0%;}
.boxslider:after {    content: "";    width: 0%;}
}
.boxgris{background:#7f828c;color:#fff;display: flex;align-items: center;justify-content: center;}
.texthome{    display: flex;    align-items: center;}
.texthome img{margin: 20px auto;display:block;}
.titlemarque{    writing-mode: vertical-rl;    text-orientation: sideways;    position: relative;    transform: rotate(180deg);    font-size: 20px;    text-transform: uppercase;    letter-spacing: 5px;	display:flex;align-items:center;}
.titlemarque:after{width:1px;background:#000;height: 120px;display:block;content:"";margin-top: 20px;}
.titlemarque:before{width:1px;background:#000;height: 120px;display:block;content:"";margin-bottom: 20px;}
.footerimg{display:flex;align-items:center;justify-content:center;flex-direction: column;}
.footerimg:after{width:1px;background:#fff;height: 120px;display:block;content:"";margin-top: 20px;}
.footerimg:before{width:1px;background:#fff;height: 120px;display:block;content:"";margin-bottom: 20px;}
@media(max-width:767px){.flexligne{max-height:initial;border:none;}
.blochome {flex-direction:column-reverse}
.navphone{width:100vw;min-width:100vw;}
.titlestyle {    }
}
@media(max-width:600px){	.innerservice{    FLEX-DIRECTION: COLUMN;}
.logoimg{FLEX-DIRECTION: COLUMN;padding-bottom:0px;}
}
.logoimg img {margin-bottom:20px;}
.boxservice {margin-bottom:20px;cursor: pointer;}
.page .services{}
.boxlogo a{}
.boxlogo a img{}
}
/* Keyframes */@keyframes goRight {  from {    left: 0;    right: 100%;  }
40% {    left: 0;    right: 0;  }
60% {    left: 0;    right: 0;  }
to {    left: 100%;    right: 0;  }
}
@keyframes goLeft {  from {    left: 100%;    right: 0;  }
40% {    left: 0;    right: 0;  }
60% {    left: 0;    right: 0;  }
to {    left: 0;    right: 100%;  }
}
@keyframes goTop {  from {    top: 100%;    bottom: 0;  }
40% {    top: 0;    bottom: 0;  }
60% {    top: 0;    bottom: 0;  }
to {    top: 0;    bottom: 100%;  }
}
@keyframes goBottom {  from {    top: 0;    bottom: 100%;  }
40% {    top: 0;    bottom: 0;  }
60% {    top: 0;    bottom: 0;  }
to {    top: 100%;    bottom: 0;  }
}
@keyframes backRight {  from {    left: 0;    right: 100%;  }
40% {    left: 0;    right: 0;  }
60% {    left: 0;    right: 0;  }
to {    left: 0;    right: 100%;  }
}
@keyframes backLeft {  from {    left: 100%;    right: 0;  }
40% {    left: 0;    right: 0;  }
60% {    left: 0;    right: 0;  }
to {    left: 100%;    right: 0;  }
}
@keyframes backTop {  from {    top: 100%;    bottom: 0;  }
40% {    top: 0;    bottom: 0;  }
60% {    top: 0;    bottom: 0;  }
to {    top: 100%;    bottom: 0;  }
}
@keyframes backBottom {  from {    top: 0;    bottom: 100%;  }
40% {    top: 0;    bottom: 0;  }
60% {    top: 0;    bottom: 0;  }
to {    top: 0;    bottom: 100%;  }
}
/* Masks sizes */.revealedBox-in.goRight > span,.revealedBox-in.goLeft > span,.revealedBox-in.backRight > span,.revealedBox-in.backLeft > span {  height: 100%;  top: 0;}
.revealedBox-in.goRight.childrenSpan-2 > span,.revealedBox-in.goLeft.childrenSpan-2 > span,.revealedBox-in.backRight.childrenSpan-2 > span,.revealedBox-in.backLeft.childrenSpan-2 > span {  height: 50%;}
.revealedBox-in.goRight.childrenSpan-2 > span:nth-child(2),.revealedBox-in.goLeft.childrenSpan-2 > span:nth-child(2),.revealedBox-in.backRight.childrenSpan-2 > span:nth-child(2),.revealedBox-in.backLeft.childrenSpan-2 > span:nth-child(2) {  top: 50%;}
.revealedBox-in.goRight.childrenSpan-3 > span,.revealedBox-in.goLeft.childrenSpan-3 > span,.revealedBox-in.backRight.childrenSpan-3 > span,.revealedBox-in.backLeft.childrenSpan-3 > span {  height: 33.33333%;}
.revealedBox-in.goRight.childrenSpan-3 > span:nth-child(2),.revealedBox-in.goLeft.childrenSpan-3 > span:nth-child(2),.revealedBox-in.backRight.childrenSpan-3 > span:nth-child(2),.revealedBox-in.backLeft.childrenSpan-3 > span:nth-child(2) {  top: 33.33333%;}
.revealedBox-in.goRight.childrenSpan-3 > span:nth-child(3),.revealedBox-in.goLeft.childrenSpan-3 > span:nth-child(3),.revealedBox-in.backRight.childrenSpan-3 > span:nth-child(3),.revealedBox-in.backLeft.childrenSpan-3 > span:nth-child(3) {  top: 66.66666%;}
.revealedBox-in.goRight.childrenSpan-4 > span,.revealedBox-in.goLeft.childrenSpan-4 > span,.revealedBox-in.backRight.childrenSpan-4 > span,.revealedBox-in.backLeft.childrenSpan-4 > span {  height: 25%;}
.revealedBox-in.goRight.childrenSpan-4 > span:nth-child(2),.revealedBox-in.goLeft.childrenSpan-4 > span:nth-child(2),.revealedBox-in.backRight.childrenSpan-4 > span:nth-child(2),.revealedBox-in.backLeft.childrenSpan-4 > span:nth-child(2) {  top: 25%;}
.revealedBox-in.goRight.childrenSpan-4 > span:nth-child(3),.revealedBox-in.goLeft.childrenSpan-4 > span:nth-child(3),.revealedBox-in.backRight.childrenSpan-4 > span:nth-child(3),.revealedBox-in.backLeft.childrenSpan-4 > span:nth-child(3) {  top: 50%;}
.revealedBox-in.goRight.childrenSpan-4 > span:nth-child(4),.revealedBox-in.goLeft.childrenSpan-4 > span:nth-child(4),.revealedBox-in.backRight.childrenSpan-4 > span:nth-child(4),.revealedBox-in.backLeft.childrenSpan-4 > span:nth-child(4) {  top: 75%;}
.revealedBox-in.goRight.childrenSpan-5 > span,.revealedBox-in.goLeft.childrenSpan-5 > span,.revealedBox-in.backRight.childrenSpan-5 > span,.revealedBox-in.backLeft.childrenSpan-5 > span {  height: 20%;}
.revealedBox-in.goRight.childrenSpan-5 > span:nth-child(2),.revealedBox-in.goLeft.childrenSpan-5 > span:nth-child(2),.revealedBox-in.backRight.childrenSpan-5 > span:nth-child(2),.revealedBox-in.backLeft.childrenSpan-5 > span:nth-child(2) {  top: 20%;}
.revealedBox-in.goRight.childrenSpan-5 > span:nth-child(3),.revealedBox-in.goLeft.childrenSpan-5 > span:nth-child(3),.revealedBox-in.backRight.childrenSpan-5 > span:nth-child(3),.revealedBox-in.backLeft.childrenSpan-5 > span:nth-child(3) {  top: 40%;}
.revealedBox-in.goRight.childrenSpan-5 > span:nth-child(4),.revealedBox-in.goLeft.childrenSpan-5 > span:nth-child(4),.revealedBox-in.backRight.childrenSpan-5 > span:nth-child(4),.revealedBox-in.backLeft.childrenSpan-5 > span:nth-child(4) {  top: 60%;}
.revealedBox-in.goRight.childrenSpan-5 > span:nth-child(5),.revealedBox-in.goLeft.childrenSpan-5 > span:nth-child(5),.revealedBox-in.backRight.childrenSpan-5 > span:nth-child(5),.revealedBox-in.backLeft.childrenSpan-5 > span:nth-child(5) {  top: 80%;}
.revealedBox-in.goTop > span,.revealedBox-in.goBottom > span,.revealedBox-in.backTop > span,.revealedBox-in.backBottom > span {  width: 100%;}
.revealedBox-in.goTop.childrenSpan-2 > span,.revealedBox-in.goBottom.childrenSpan-2 > span,.revealedBox-in.backTop.childrenSpan-2 > span,.revealedBox-in.backBottom.childrenSpan-2 > span {  width: 50%;}
.revealedBox-in.goTop.childrenSpan-2 > span:nth-child(2),.revealedBox-in.goBottom.childrenSpan-2 > span:nth-child(2),.revealedBox-in.backTop.childrenSpan-2 > span:nth-child(2),.revealedBox-in.backBottom.childrenSpan-2 > span:nth-child(2) {  left: 50%;}
.revealedBox-in.goTop.childrenSpan-3 > span,.revealedBox-in.goBottom.childrenSpan-3 > span,.revealedBox-in.backTop.childrenSpan-3 > span,.revealedBox-in.backBottom.childrenSpan-3 > span {  width: 33.33333%;}
.revealedBox-in.goTop.childrenSpan-3 > span:nth-child(2),.revealedBox-in.goBottom.childrenSpan-3 > span:nth-child(2),.revealedBox-in.backTop.childrenSpan-3 > span:nth-child(2),.revealedBox-in.backBottom.childrenSpan-3 > span:nth-child(2) {  left: 33.33333%;}
.revealedBox-in.goTop.childrenSpan-3 > span:nth-child(3),.revealedBox-in.goBottom.childrenSpan-3 > span:nth-child(3),.revealedBox-in.backTop.childrenSpan-3 > span:nth-child(3),.revealedBox-in.backBottom.childrenSpan-3 > span:nth-child(3) {  left: 66.66666%;}
.revealedBox-in.goTop.childrenSpan-4 > span,.revealedBox-in.goBottom.childrenSpan-4 > span,.revealedBox-in.backTop.childrenSpan-4 > span,.revealedBox-in.backBottom.childrenSpan-4 > span {  width: 25%;}
.revealedBox-in.goTop.childrenSpan-4 > span:nth-child(2),.revealedBox-in.goBottom.childrenSpan-4 > span:nth-child(2),.revealedBox-in.backTop.childrenSpan-4 > span:nth-child(2),.revealedBox-in.backBottom.childrenSpan-4 > span:nth-child(2) {  left: 25%;}
.revealedBox-in.goTop.childrenSpan-4 > span:nth-child(3),.revealedBox-in.goBottom.childrenSpan-4 > span:nth-child(3),.revealedBox-in.backTop.childrenSpan-4 > span:nth-child(3),.revealedBox-in.backBottom.childrenSpan-4 > span:nth-child(3) {  left: 50%;}
.revealedBox-in.goTop.childrenSpan-4 > span:nth-child(4),.revealedBox-in.goBottom.childrenSpan-4 > span:nth-child(4),.revealedBox-in.backTop.childrenSpan-4 > span:nth-child(4),.revealedBox-in.backBottom.childrenSpan-4 > span:nth-child(4) {  left: 75%;}
.revealedBox-in.goTop.childrenSpan-5 > span,.revealedBox-in.goBottom.childrenSpan-5 > span,.revealedBox-in.backTop.childrenSpan-5 > span,.revealedBox-in.backBottom.childrenSpan-5 > span {  width: 20%;}
.revealedBox-in.goTop.childrenSpan-5 > span:nth-child(2),.revealedBox-in.goBottom.childrenSpan-5 > span:nth-child(2),.revealedBox-in.backTop.childrenSpan-5 > span:nth-child(2),.revealedBox-in.backBottom.childrenSpan-5 > span:nth-child(2) {  left: 20%;}
.revealedBox-in.goTop.childrenSpan-5 > span:nth-child(3),.revealedBox-in.goBottom.childrenSpan-5 > span:nth-child(3),.revealedBox-in.backTop.childrenSpan-5 > span:nth-child(3),.revealedBox-in.backBottom.childrenSpan-5 > span:nth-child(3) {  left: 40%;}
.revealedBox-in.goTop.childrenSpan-5 > span:nth-child(4),.revealedBox-in.goBottom.childrenSpan-5 > span:nth-child(4),.revealedBox-in.backTop.childrenSpan-5 > span:nth-child(4),.revealedBox-in.backBottom.childrenSpan-5 > span:nth-child(4) {  left: 60%;}
.revealedBox-in.goTop.childrenSpan-5 > span:nth-child(5),.revealedBox-in.goBottom.childrenSpan-5 > span:nth-child(5),.revealedBox-in.backTop.childrenSpan-5 > span:nth-child(5),.revealedBox-in.backBottom.childrenSpan-5 > span:nth-child(5) {  left: 80%;}
/* Reveal the content */.revealedBox .contentBox {  opacity: 0;}
.revealedBox > span {  position: absolute;  display: block;  background: #eee;}
.revealedBox-in > .contentBox {  opacity: 1;  transition-delay: 1.05s;}
/* Assign animations */.revealedBox-in.goRight > span {  animation: goRight 1.4s;}
.revealedBox-in.goLeft > span {  animation: goLeft 1.4s;}
.revealedBox-in.backRight > span {  animation: backRight 1.4s;}
.revealedBox-in.backLeft > span {  animation: backLeft 1.4s;}
.revealedBox-in.goTop > span {  animation: goTop 1.4s;}
.revealedBox-in.goBottom > span {  animation: goBottom 1.4s;}
.revealedBox-in.backTop > span {  animation: backTop 1.4s;}
.revealedBox-in.backBottom > span {  animation: backBottom 1.4s;}
/* Add delay */.revealedBox-in > span {  animation-delay: 0.1s;}
.revealedBox-in > span:nth-child(2) {  animation-delay: 0.2s;}
.revealedBox-in > span:nth-child(3) {  animation-delay: 0.3s;}
.revealedBox-in > span:nth-child(4) {  animation-delay: 0.4s;}
.revealedBox-in > span:nth-child(5) {  animation-delay: 0.5s;}
.scroll-animation{overflow: hidden;}
.navphone .dropmenu{position:relative;transform:none;right:initial;top:initial;background:none;left: INITIAL;}
.page .boxlogo{height: 100%;}
.page .boxlogo img{    max-height: 120px;}
.page .boxgris p{text-align:justify;font-size:16px;line-height:23px;}
.page .boxgris{padding:25px 15px;}
.page .textpage{position:absolute;width: 100%;left: 0;top: 0;padding: 40px 15px;height: calc(100% - 20px);overflow: auto;}
.page .textpage>div{}
.page .boxmarque{width:100%;float:none;padding:20px 15px;}
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb {  border-right: solid 2px #5f5f5f;  background: #5f5f5f;}
::-webkit-scrollbar-track {  border: none;  background: #1d1f20;}
.fixed #nav-toggle span, .fixed #nav-toggle span:before, .fixed #nav-toggle span:after{background:#fff;}
.header .img {width:100%;}
.header{position:relative;max-height: 700px;overflow: hidden;margin-bottom: 1px;}
.phone img{margin-right:5px;}
.bottombloc{display:flex;align-items: center;flex-wrap: wrap;}
.bottombloc .contact img{margin-right:10px;}
.navphone .phone{    position: relative;    align-items: flex-end;    justify-content: flex-end;}
.page .header{max-height:400px;overflow:hidden;}
.backvert{font-size:14px;background:url(../img/backvert.jpg) no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;letter-spacing: 1Px;padding-top: 20px;padding-bottom: 20px;}
.backvert>div{width:430px;padding:0px 15px;color:#fff;}
.annee{font-size:50px;text-transform: uppercase;}
.nb{font-size:180px;line-height: 115px;}
.top-text{font-size: 18px; padding-bottom: 30px;}
.border{border-bottom:5px solid #fff;display: block;margin-bottom: 15px;padding-bottom: 5px;}
.text_antoine{position:absolute;width:100%;height:100%;left:0px;top:0px;display:flex;align-items:center;justify-content:center;}
.text_antoine div{max-width:500px;text-align:center;color:#fff;font-size:14px;background: url(../img/backtext.png) no-repeat;padding: 20px 30PX 60px;background-size: 100% 100%;letter-spacing: 2px;margin: 0px 10px;}
.partenaires p{color:#f37a1f;font-size:18px;text-align:center;margin:30px 0px}
.boxtext img{width:100%;}
.boxtext{position: relative;margin-bottom: 5px;}
.rightext{width: 50%;height:100%;right:0px;top:0px;background:url(../img/text.png) no-repeat;position:absolute;display:flex;align-items:center;justify-content:center;background-size: 100% 100%;}
.rightext p{width: 75%;padding: 18px 5px;color:#fff;letter-spacing:1px;font-size: 15px;text-align: right;line-height: 20px; text-shadow: 0 0 10px rgba(0,0,0,0.7);}
.arbre{background:#70777a;padding:20px 15px;display:flex;align-items:center;justify-content:center;flex-wrap: wrap;text-align: center;margin-bottom: 5px;}
.centerbox{margin:0 auto;color:#fff;float:none;text-align:center;font-size:14px;letter-spacing:1px}
.textvert{color:#287d40;font-size:18px;}
.borderleft{border-right:4px solid #fff;}
.backgris{background:white;display: flex;align-items: center;justify-content: center;}
.contact span{display:block;}
.bordernoie{border-left:2px solid grey;padding-top:10px;padding-bottom:10px; margin-left: 10px;}
.imgbox img{width:100%;}
.font1{font-size:28px;letter-spacing: 3px;}
.font2{font-size:22px;letter-spacing:3px;}
.font3{font-size:16px;letter-spacing:1px;}
.textslider{position:absolute;padding:20px;color:#fff;text-align:center;background:#f37a1f;font-size: 14px;width: 100%;bottom: 0px;left: 0px;letter-spacing: 1px;font-weight: normal;}
.titlesliderb{font-size:18px;display:block;margin-bottom:10px;}
.fixedbutton  #nav-toggle{top:0px;}
#content .img-G{float: left;margin: 25px; margin-right: 40px; width: 400px;}
#content .img-D{float: right;margin: 25px; margin-left: 40px; width: 400px;}
.recherche-frequentes{
  border: 1px solid #DDD;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.recherche-frequentes p{
color: #DDD;
font-size: 17px;
}
@media all and (max-width: 767px) { #content .img-G, #content .img-D { float: none !important; margin: 25px auto !important; display: block !important; width: 90% !important; } }
#content h1{color:#f37a1f;font-size: 28px;border-bottom: solid 3px; margin-bottom: 25px; text-align: left;}
#content h2{color:#f37a1f;font-size: 24px; margin-bottom: 20px; text-align: left;}
#content h3{color:#f37a1f;font-size: 20px; margin-bottom: 15px; text-align: left;}
#content h4{color:#f37a1f;font-size: 18px; margin-bottom: 15px; text-align: left;}
#content a{color: #f37a1f; text-decoration: none; font-weight: bold;}
#content a:hover{text-decoration: underline;}
#content .bouton{padding: 10px; border-radius: 30px; background-color: #f37a1f; color: white !important; display: block; max-width: 300px; margin:10px auto;}
#content .bouton:hover{text-decoration: none !important; opacity: 0.8; transition: all 0.3s; transform: scale(0.95);}
#content #axo-recap { padding: 10px 0; }
#content #axo-recap p { font-size: 0.8em; }
#content #axo-recap p span { font-weight: bold; }
#content #axo-aVoirAussi { padding: 10px 0; }
#content #axo-aVoirAussi p { font-weight: bold; }
#content p{text-align: justify;}
#content hr{width: 300px;}
#content ul{
	padding-left: 40px;
	margin: 20px auto;
}

#content hr{border-color: #aaa;}

#content .center{text-align: center !important;}

#content .box-page{
	color:#fff;
	font-size: 25px;
	background: #f37a1f;
	display: flex;
	width: 100%;
	height: 60px;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
}
#content .box-page:hover{
	text-decoration: none;
	color:#f37a1f;
	background:#fff;
	border: solid 5px #f37a1f;
}

#content .imgD{
	float: right;
	width: 100%;
	max-width: 400px;
	margin-left: 30px;
}

#content .clear{
	clear: both;
}

@media (max-width: 768px){
	#content .imgD{
		float: none;
		display: block;
		margin: 30px auto;
	}
}