@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

.pageNotFound {
	
height : 100vh;
display : flex;
justify-content : center;
	align-items : center;

	
}

.pageNotFound .pageNotFound-content {
	
display : flex;
justify-content : center;
align-items : center;
background : #F2938B;	
flex-direction : column;	
font-family: 'Poppins', sans-serif;		
padding: 20px;
       height: 70%;
    width: 50%;
	
}


.pageNotFound .pageNotFound-content a {
	
color : white;	
background : #222f40;
padding: 10px 25px;
    margin-top: 45px;
    display: block;
	
	
}

.pageNotFound .pageNotFound-content h2 {
	
font-size: 95px;	
	
}

.pageNotFound .pageNotFound-content h1 {
	
font-size: 65px	
	
}

.pageNotFound .pageNotFound-content p {
	
text-align : center;	
	
}


.page-search-results {
	
padding-top : 250px;	
	
}


.page-search-results h1 {
	
display : block;
margin-bottom : 50px;
transform: translateY(-100px);	
	
}


footer {
  width: 100%;
  float: left;
  padding: 100px 0 30px 0;
}
.page-template-cabinet header,
.single-post header {
  position: absolute;
}
header .logo svg.white rect {
  fill: #fff;
}
header .logo svg.white #Groupe_4 path {
  fill: #f2938b;
}
header .logo svg.white path {
  fill: #fff;
}
.middle .container-newsletter {
  display: none;
}
.no-active {
  display: none !important;
}
.newsletter {
  display: none;
}
footer .content {
  width: 1026px;
  max-width: 95%;
  margin: auto;
  clear: both;
}
.entry-header h2 a {
  color: #f2938b;
  font-size: 24px;
}
.entry-header h2 br {
  display: none;
}
.entry-header h2 a:hover {
  color: #78c2ef;
}
footer .content .up {
  width: 100%;
  float: left;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  padding: 50px 0;
}
footer .content .up .item {
  width: 25%;
  float: left;
  padding: 0 2.5%;
}
footer .content .up .item h5 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
footer .content .up .item ul li a {
  font-size: 12px;
  line-height: 28px;
  font-weight: 300;
  color: #222f40;
  transition: all 0.5s ease;
}
footer .content .up .item ul li a:hover {
  color: #f2938b;
}
footer .content .up .item p,
footer .content .up .item a {
  font-size: 12px;
  line-height: 28px;
  font-weight: 300;
  color: #222f40;
  transition: all 0.5s ease;
}
footer .content .up .item a:hover {
  color: #f2938b;
}
footer .content .bottom {
  width: 100%;
  float: left;
  padding-top: 20px;
}
footer .content .bottom p {
  font-size: 11px;
  font-style: italic;
}
footer .content .bottom p a {
  color: #222f40;
  transition: all 0.5s ease;
}
footer .content .bottom p a:hover {
  color: #f2938b;
}
footer .content .bottom .left,
footer .content .bottom .right {
  width: 50%;
  float: left;
}
footer .content .bottom .right {
  text-align: right;
}

a {
  text-decoration: none !important;
}

.actus header,
.page-template-internal header {
  position: absolute;
}

body,
html {
  height: 100%;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.04em;
  background: #f9f9f9;
  color: #222f40;
}

ul {
  padding: 0;
  list-style: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.search-call {
  width: 370px;
  position: absolute;
  height: 45px;
  border-bottom: 1px solid #f4f4f4;
  top: 97px;
  opacity: 0;
  right: -370px;
  transition: all 1s ease-in-out;
  max-width: 90%;
}
.search-call.open {
  opacity: 1;
  right: 0;
}
.search-call form {
  width: 100%;
  float: left;
}
.search-call form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #969696;
}
.search-call form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #969696;
}
.search-call form :-ms-input-placeholder {
  /* IE 10+ */
  color: #969696;
}
.search-call form :-moz-placeholder {
  /* Firefox 18- */
  color: #969696;
}
.search-call form input[type='text'] {
  width: 100%;
  float: left;
  padding-left: 30px;
  outline: none !important;
  border: none;
  background: transparent;
  font-size: 12px;
  letter-spacing: 0.08em;
  font-weight: 400;
  color: #969696;
  font-style: italic;
}
.search-call form input[type='submit'] {
  display: none;
}

.scroll-down {
  position: absolute;
  left: 40px;
  bottom: -50px;
  z-index: 8;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 40px;
  z-index: 1;
  padding-bottom: 46px;
  overflow: hidden;
}
header.open {
  z-index: 99;
  background: transparent !important;
  padding-bottom: 0;
}
header.open .search-call {
  background: #222f40;
}
header.open .main-menu ul {
  display: none;
}
header.open .logo svg rect {
  fill: #fff;
}
header.open .logo svg #Groupe_4 path {
  fill: #f2938b;
}
header.open .logo svg path {
  fill: #fff;
}
header .content {
  width: 85%;
  margin: auto;
  position: relative;
}
header .content .logo {
  width: 80.66px;
  float: left;
}
header .content .cta {
  width: 48.41px;
  float: left;
}
header .content .main-menu {
  width: calc(100% - 129.7px);
  float: left;
  padding-top: 24px;
}
header .content .main-menu ul {
  width: 748px;
  max-width: 95%;
  margin: auto;
  border-bottom: 1px solid #f4f4f4;
  padding: 0 40px 40px;
}
header .content .main-menu ul li {
  float: left;
  width: 25%;
  text-align: center;
}
header .content .main-menu ul li.current-item a {
  font-weight: 500;
}
header .content .main-menu ul li.current-item a:after {
  width: 28px;
}
header .content .main-menu ul li a {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.08em;
  font-weight: 400;
  color: #969696;
  position: relative;
  font-weight: 400;
  transition: all 0.5s ease;
}
header .content .main-menu ul li a:hover {
  font-weight: 500;
}
header .content .main-menu ul li a:hover:after {
  width: 28px;
}
header .content .main-menu ul li a:after {
  content: '';
  width: 0;
  height: 3px;
  background: #78c2ef;
  display: block;
  position: absolute;
  left: 0;
  bottom: -21px;
  transition: all 0.5s ease;
}

.social-media {
  position: fixed;
  right: 25px;
  bottom: 5%;
  z-index: 99;
}
.social-media ul li a {
  transition: all 0.5s ease;
  width: 40px;
  height: 40px;
  line-height: 40px;
  line-height: 33px;
  text-align: center;
  border: 2px solid #78c2ef;
  margin-bottom: 10px;
  display: block;
  background-color: transparent;
  position: relative;
}
html:lang(en) .business .left {
  padding: 70px 0;
  padding-left: 15%;
}
.social-media ul li.lang a {
  color: #222f40;
  border: 2px solid #222f40;
  font-weight: 600;
  font-size: 14px;
  line-height: 37px;
	text-transform: lowercase;
	
}

.social-media ul li.lang a::first-letter {
	
text-transform: uppercase;	
	
}


.social-media ul li.lang:hover a {
  color: #fff;
}
.social-media ul li a:after {
  content: '';
  position: absolute;
  border: 2px solid transparent;
  display: block;
  width: 40px;
  height: 40px;
  bottom: 0;
  right: 0;
  transition: all 0.5s ease;
}
.social-media ul li a:hover {
  background-color: #f2938b;
  border-color: transparent;
}
.social-media ul li a:hover svg path {
  fill: #fff;
}
.social-media ul li a:hover:after {
  bottom: 3px;
  right: 3px;
  border: 2px solid #78c2ef;
}

.slide-menu {
  width: 100%;
  height: 100%;
  position: fixed;
  top: -100%;
  left: 0;
  background: #222f40;
  z-index: 9;
  color: #fff;
  transition: all 1s ease-in-out;
}
.slide-menu.open {
  top: 0;
}
.slide-menu .content {
  position: absolute;
  bottom: unset;
  width: 1026px;
  margin: auto;
  clear: both;
  left: 0;
  right: 0;
  max-width: 95%;
  top: 50%;
  transform: translateY(-50%);
}
.slide-menu .content a:hover {
  color: #f2938b !important;
}
.slide-menu .content .up {
  width: 100%;
  float: left;
}
.slide-menu .content .up .left,
.slide-menu .content .up .right {
  width: 50%;
  float: left;
  padding-left: 90px;
}
.slide-menu .content .up .left .part,
.slide-menu .content .up .right .part {
  width: 50%;
  float: left;
  padding-top: 57px;
}
.slide-menu .content .up .left .part h5,
.slide-menu .content .up .right .part h5 {
  font-size: 15px;
  line-height: 23px;
  color: #78c2ef;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
}
.slide-menu .content .up .left .part p,
.slide-menu .content .up .right .part p {
  font-size: 12px;
  line-height: 18px;
}
.slide-menu .content .up .left .part p a,
.slide-menu .content .up .right .part p a {
  color: #fff;
}
.slide-menu .content .up .left ul,
.slide-menu .content .up .right ul {
  column-count: 2;
}
.slide-menu .content .up .left ul li a,
.slide-menu .content .up .right ul li a {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.08em;
  color: #fff;
  margin-bottom: 30px;
  display: block;
}
.slide-menu .content .middle {
  width: 100%;
  float: left;
  padding: 30px 0;
}
.slide-menu .content .down {
  width: 100%;
  float: left;
}
.slide-menu .content .down .right p {
  text-align: right;
}
.slide-menu .content .down .left,
.slide-menu .content .down .right {
  width: 50%;
  float: left;
  padding-left: 90px;
}
.slide-menu .content .down .left p,
.slide-menu .content .down .right p {
  font-weight: 300;
  font-size: 11px;
  font-style: italic;
}
.slide-menu .content .down .left p a,
.slide-menu .content .down .right p a {
  color: #fff;
}

.slider {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}
.slider .items {
  width: 85%;
  margin: auto;
  clear: both;
  height: 435px;
  position: absolute;
  left: 0;
  right: 0;
  top: 60%;
  transform: translateY(-50%);
}
.slider .items .slick-dots {
  position: absolute;
  right: 0;
  bottom: 44px;
}
.slider .items .slick-dots li {
  display: inline-block;
  width: 135px;
}
.slider .items .slick-dots li.slick-active button {
  font-weight: 500;
}
.slider .items .slick-dots li.slick-active button:after {
  width: 135px;
}
.slider .items .slick-dots li:nth-child(1) button {
  color: #f2938b;
  border-color: #f2938b;
}
.slider .items .slick-dots li:nth-child(1) button:after {
  background: #f2938b;
}
.slider .items .slick-dots li:nth-child(2) button {
  color: #78c2ef;
  border-color: #78c2ef;
}
.slider .items .slick-dots li:nth-child(2) button:after {
  background: #78c2ef;
}
.slider .items .slick-dots li:nth-child(3) button {
  color: #222f40;
  border-color: #222f40;
}
.slider .items .slick-dots li:nth-child(3) button:after {
  background: #222f40;
}
.slider .items .slick-dots li button {
  width: 100%;
  background: transparent;
  border: none;
  font-size: 10px;
  font-weight: 300;
  text-align: left;
  border-bottom: 1px solid;
  outline: none !important;
  position: relative;
}
.slider .items .slick-dots li button:after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.slider .items .all {
  width: 100%;
  float: left;
}
.slider .items .item {
  width: 100%;
  float: left;
  height: 435px;
  position: relative;
  outline: none !important;
}
.slider .items .item:nth-child(2) .left:after {
  background: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/point_bgsaumon.png');
}
.slider .items .item:nth-child(2) .middle {
  background: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/Rectangle_blue.png');
  box-shadow: 0px 40px 46px rgba(120, 194, 239, 0.5);
  filter: none;
}

.slider .items .item:nth-child(1) .left:after {
  background: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/02.svg');
}
.slider .items .item:nth-child(1) .middle {
  background: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/blue@2x.svg');
/*   box-shadow: 0px 40px 46px rgba(120, 194, 239, 0.5); */
	box-shadow : 0px 40px 46px rgb(242 147 139 / 50%);
  filter: none;
}


.slider .items .item:nth-child(3) .left:after {
  background: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/bg_cross.png');
}
.slider .items .item:nth-child(3) .middle {
  background: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/Rectangle_navy.png');
/*   box-shadow: 0px 40px 46px rgba(120, 194, 239, 0.5); */
	box-shadow : 0px 40px 46px rgb(55 73 98 / 33%);
  filter: none;
}

/* .slider .items .item:nth-child(3) .left:after {
  background: url('https://nooalegal.com/wp-content/themes/nooa/css/images/03.svg');
}
.slider .items .item:nth-child(3) .middle {
  background: url('https://nooalegal.com/wp-content/themes/nooa/css/images/dark@2x.png');
  filter: drop-shadow(0px 40px 46px rgba(55, 73, 98, 0.33));
} */
.slider .items .item:nth-child(3) .content p {
  color: #f2938b;
}
.slider .items .item .left {
  width: 32%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 260px;
  border: 2px solid #222f40;
  background: transparent;
  z-index: 2;
}
.slider .items .item .left:after {
  position: absolute;
  content: '';
  background: url('https://nooalegal.com/wp-content/themes/nooa/css/images/01.svg');
  right: 0;
  top: 0;
  height: 130.45px;
  display: block;
  width: 58%;
  background-size: cover !important;
}
.slider .items .item .middle {
  width: 40.58%;
  height: 225px;
  position: absolute;
  background: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/rose@2x.png');
  background-size: cover;
  bottom: 127px;
  left: 13.4%;
  filter: drop-shadow(0px 40px 46px rgba(217, 111, 102, 0.73));
  z-index: 1;
  background-size: cover !important;
}
.slider .items .item .right {
  width: 68%;
  height: 375px;
  position: absolute;
  background: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/gris@2x.png');
  background-size: cover;
  bottom: 60px;
  left: 32%;
  background-size: cover !important;
}
.slider .items .item .cta {
  position: absolute;
  bottom: 0;
  height: 59px;
  width: 246px;
  line-height: 59px;
  text-align: center;
  border: 2px solid #222f40;
  border-left: none;
  left: 32%;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  transition: all 0.5s ease;
  background-color: transparent;
}
.slider .items .item .cta a {
  color: #222f40;
  outline: none !important;
}
.slider .items .item .cta:hover {
  background-color: #e5e5e5;
}
.slider .items .item .content {
  position: absolute;
  left: 42.5%;
  top: 45%;
  transform: translateY(-50%);
  z-index: 3;
}
.slider .items .item .content p {
  font-size: 45px;
  font-weight: 500;
  line-height: 58px;
  color: #222f40;
}

.business {
  width: 100%;
  float: left;
  position: relative;
}
.business .left {
  width: 49%;
  position: absolute;
  left: 0;
  top: 136px;
  padding: 95px 0;
  background: transparent linear-gradient(145deg, #78c2ef 0%, #afe0ff 100%) 0%
    0% no-repeat padding-box;
  box-shadow: 0px 40px 46px rgba(120, 194, 239, 0.48);
  padding-left: 15%;
}
.business .left h1 {
  color: #fff;
  font-size: 35px;
  line-height: 50px;
  letter-spacing: 0.06em;
  font-weight: 400;
}
.business .right {
  width: 85%;
  float: right;
  background: linear-gradient(#fff 0%, #f9f9f9 100%);
  padding: 130px 10% 50px 40%;
}
.business .right p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 25px;
}

.valeurs {
  width: 100%;
  float: left;
  background: #222f40;
  padding: 95px 0 55px 0;
}
.valeurs .content {
  width: 1130px;
  max-width: 95%;
  margin: auto;
  clear: both;
}
.valeurs .content h2 {
  color: #bfbfbf;
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  letter-spacing: 0.24em;
  text-align: center;
}
.valeurs .content .items {
  width: 100%;
  float: left;
  padding-top: 55px;
  padding-bottom: 55px;
}
.valeurs .content .items .item {
  width: 25%;
  float: left;
  text-align: center;
  position: relative;
  padding-bottom: 0;
  transition: all 0.5s ease;
}
.valeurs .content .items .item .front {
  position: absolute;
  top: 89px;
  width: 100%;
}
.valeurs .content .items .item:nth-child(2) h3 {
  color: #78c2ef;
}
.valeurs .content .items .item:nth-child(2) h3:after {
  background: #78c2ef;
}
.valeurs .content .items .item:nth-child(2) p {
  color: #78c2ef;
}
.valeurs .content .items .item:nth-child(3) h3 {
  color: #f2938b;
}
.valeurs .content .items .item:nth-child(3) h3:after {
  background: #f2938b;
}
.valeurs .content .items .item:nth-child(3) p {
  color: #f2938b;
}
.valeurs .content .items .item img {
  display: block;
  margin: 0 auto 30px auto;
}
.valeurs .content .items .item h3 {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.024px;
  color: #fff;
}
.valeurs .content .items .item h3:after {
  content: '';
  height: 2px;
  width: 39px;
  display: block;
  margin: 12px auto;
  background: #fff;
}
.valeurs .content .items .item p {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 24px;
  color: #fff;
  display: none;
}
.valeurs .content .items .item:hover {
  padding-bottom: 50px;
}
.valeurs .content .items .item:hover img {
  opacity: 0;
}
.valeurs .content .items .item:hover .front {
  top: 0;
}
.valeurs .content .items .item:hover p {
  display: block;
}

.international {
  width: 100%;
  float: left;
  padding: 100px 0;
  background: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/bg_carte.png');
  background-size: cover;
}
.international .content {
  width: 1030px;
  margin: auto;
  max-width: 95%;
  clear: both;
}
.international .content .left {
  width: 50%;
  float: left;
  padding-right: 5%;
}
.international .content .left h2 {
  color: #e5e5e5;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.025em;
  margin-bottom: 45px;
  font-weight: 500;
}
.international .content .left p {
  color: #e5e5e5;
  font-size: 14px;
  line-height: 24px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 50px;
}
.international .content .left p:last-of-type {
  margin-bottom: 0;
}
.international .content .right {
  width: 50%;
  float: left;
  padding-left: 5%;
  padding-top: 70px;
}
.international .content .right h3 {
  color: #f9f9f9;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 20px;
}
.international .content .right ul {
  margin-bottom: 25px;
}
.international .content .right ul li {
  display: inline-block;
  color: #78c2ef;
  font-size: 18px;
  line-height: 30px;
  font-family: 'Open Sans', sans-serif;
}
.international .content .right ul li:last-of-type:after {
  content: none;
}
.international .content .right ul li:after {
  content: '';
  width: 1px;
  height: 20px;
  background: #78c2ef;
  display: inline-block;
  margin: 0 5px;
  position: relative;
  top: 5px;
  left: 2px;
}

.exp {
  width: 100%;
  float: left;
  padding: 100px 0;
}
.exp .content {
  width: 1030px;
  margin: auto;
  max-width: 95%;
  clear: both;
}
.exp .content h2 {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.24em;
  color: #f2938b;
  text-align: center;
  margin-bottom: 35px;
}
.exp .content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #222f40;
  text-align: center;
}
.exp .content .items {
  width: 100%;
  float: left;
  padding-top: 50px;
}
.exp .content .items .item {
  width: 33.33%;
  float: left;
  margin-bottom: 50px;
  height: 210px;
  position: relative;
}
.exp .content .items .item .elm {
  width: 265px;
  display: block;
  margin: auto;
  position: relative;
  height: 211px;
}
.exp .content .items .item:hover .bottom {
  height: 110px;
}
.exp .content .items .item:hover .bottom:after {
  height: 73px;
  width: 102px;
}
.exp .content .items .item:hover .up {
  width: 222px;
  height: 175px;
  background: #f2938b;
  filter: drop-shadow(0px 40px 46px rgba(242, 147, 139, 0.4));
}
.exp .content .items .item .bottom {
  width: 142px;
  height: 90px;
  border: 2px solid #222f40;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease;
}
.exp .content .items .item .bottom:after {
  transition: all 0.5s ease;
  content: '';
  width: 101px;
  height: 53px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url('https://nooalegal.com/wp-content/themes/nooa-legal/css/images/bottom-after@2x.png');
  background-color: #78c2ef;
  background-size: cover;
}
.exp .content .items .item .up {
  transition: all 0.5s ease;
  background-color: #e5e5e5;
  width: 199px;
  height: 167px;
  position: absolute;
  bottom: 35px;
  left: 38px;
}
.exp .content .items .item .up h4 {
  font-size: 14px;
  font-weight: 500;
  color: #222f40;
  line-height: 28px;
  letter-spacing: 0.25em;
  margin-top: 25px;
  margin-left: 25px;
}

.missions {
  width: 100%;
  float: left;
  padding: 100px 0;
  background: #fff;
}
.missions .content {
  width: 865px;
  margin: auto;
  max-width: 95%;
  clear: both;
}
.missions .content h2 {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.24em;
  color: #78c2ef;
  text-align: center;
  margin-bottom: 35px;
}
.missions .content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #222f40;
  text-align: center;
}
.missions .content .items {
  width: 100%;
  float: left;
  padding-top: 65px;
}
.missions .content .items .item {
  width: calc(50% - 37.5px);
  float: left;
  border: 2px solid #222f40;
  margin-right: 75px;
  position: relative;
  height: 239px;
  padding: 40px 30px;
  transition: all 0.5s ease;
  bottom: 0;
}
.missions .content .items .item:hover {
  background: #f2938b;
  border: 2px solid transparent;
  bottom: 10px;
  filter: drop-shadow(0px 40px 46px rgba(242, 147, 139, 0.4));
}
.missions .content .items .item:hover h4 {
  color: #fff;
}
.missions .content .items .item:hover ul li:before {
  background: #fff;
}
.missions .content .items .item:hover:after {
  border: 2px solid #222f40;
  bottom: 15px;
  right: 15px;
}
.missions .content .items .item:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  bottom: 0;
  right: 0;
  transition: all 0.5s ease;
}
.missions .content .items .item h4 {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: #969696;
  margin-bottom: 24px;
}
.missions .content .items .item ul li {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 26px;
  font-weight: 500;
  text-indent: -21px;
  margin-left: 21px;
}
.missions .content .items .item ul li:before {
  display: inline-block;
  background: #969696;
  width: 11px;
  height: 3px;
  content: '';
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.missions .content .items .item:nth-child(2) {
  margin-right: 0;
}

.contact {
  width: 100%;
  float: left;
  padding: 100px 0;
}
.contact .content {
  width: 815px;
  margin: auto;
  clear: both;
  max-width: 95%;
}
.contact .content h2 {
  font-size: 30px;
  line-height: 46px;
  font-weight: 500;
  color: #78c2ef;
}
.contact .content form {
  width: 100%;
  float: left;
  padding-top: 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #a3a3a3;
}
.contact .content form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a3a3a3;
}
.contact .content form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #a3a3a3;
}
.contact .content form :-ms-input-placeholder {
  /* IE 10+ */
  color: #a3a3a3;
}
.contact .content form :-moz-placeholder {
  /* Firefox 18- */
  color: #a3a3a3;
}
.contact .content form .half {
  width: calc(50% - 12.5px);
  margin-right: 25px;
  float: left;
}
.contact form div:last-child {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  width: 100%;
  float: left;
  color: #222f40 !important;
	font-size:12px;
}
.contact .content form .half:nth-child(3),
.contact .content form .half:nth-child(5) {
  margin-right: 0;
}
.contact .content form .total {
  width: 100%;
  float: left;
}
.contact .content form .half input,
.contact .content form .total input {
  width: 100%;
  float: left;
  height: 40px;
  background: #fff;
  border: 1px solid #e8e9eb;
  margin-bottom: 20px;
  outline: none !important;
  font-size: 14px;
  color: #a3a3a3;
  padding-left: 30px;
}
.contact .content form textarea {
  width: 100%;
  float: left;
  background: #fff;
  border: 1px solid #e8e9eb;
  margin-bottom: 20px;
  resize: none;
  outline: none !important;
  font-size: 14px;
  color: #a3a3a3;
  padding: 30px;
}
.contact .content form label {
  width: calc(100% - 246px);
  float: left;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  line-height: 5px;
  text-indent: -40px;
  padding-left: 40px;
  margin: 0;
  color: #222f40;
  padding-right: 65px;
  top: 9px;
}
.contact .content form label input[type='checkbox'] {
  opacity: 0;
}
.contact .content form label:before {
  content: '';
  border: 1px solid #e8e9eb;
  -webkit-appearance: none;
  background-color: #fff;
  padding: 12px;
  top: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.contact .content form label.check:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: #222f40;
}
.contact .content form .submit {
  width: 246px;
  float: left;
  border: 2px solid #222f40;
  text-align: center;
  color: #222f40;
  height: 45px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  margin-top: 7px;
  background: transparent;
  outline: none !important;
  background-color: transparent;
  transition: all 0.5s ease;
}
.contact .content form .submit:hover {
  background-color: #e5e5e5;
}

.newsletter {
  width: 100%;
  float: left;
}
.newsletter .content {
  width: 1026px;
  max-width: 95%;
  margin: auto;
  clear: both;
}

.container-newsletter {
  width: 100%;
  float: left;
  padding: 60px 90px;
  background: transparent linear-gradient(-285deg, #222f40 0%, #334964 100%) 0%
    0% no-repeat padding-box;
  box-shadow: 0px 40px 46px rgba(34, 47, 64, 0.4);
}
.container-newsletter ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #f9f9f9;
}
.container-newsletter ::-moz-placeholder {
  /* Firefox 19+ */
  color: #f9f9f9;
}
.container-newsletter :-ms-input-placeholder {
  /* IE 10+ */
  color: #f9f9f9;
}
.container-newsletter :-moz-placeholder {
  /* Firefox 18- */
  color: #f9f9f9;
}
.container-newsletter h4 {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 25px;
}
.container-newsletter .right {
  width: 290px;
  float: left;
  padding-top: 49px;
}
.container-newsletter .right .submit {
  border: 2px solid #78c2ef;
  width: 100%;
  color: #fff;
  outline: none !important;
  height: 40px;
  background-color: transparent;
  font-weight: 500;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
.container-newsletter .right .submit:hover {
  background-color: #222f40;
}
.container-newsletter .left {
  width: calc(100% - 290px);
  float: left;
  padding-right: 25px;
}
.container-newsletter .left input[type='email'] {
  height: 40px;
  background: rgba(229, 229, 229, 0.2);
  width: 100%;
  border: none;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  color: #f9f9f9;
  outline: none !important;
  padding-left: 30px;
  margin-bottom: 25px;
}
.container-newsletter .left label {
  width: 100%;
  float: left;
  cursor: pointer;
  position: relative;
  font-size: 11px;
  line-height: 20px;
  text-indent: -30px;
  padding-left: 30px;
  margin: 0;
  color: #fff;
}
.container-newsletter .left label input[type='checkbox'] {
  opacity: 0;
}
.container-newsletter .left label:before {
  content: '';
  border: 1px solid #fff;
  -webkit-appearance: none;
  background-color: transparent;
  padding: 8px;
  top: 3px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.container-newsletter .left label.check:after {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 3px;
  width: 12px;
  height: 12px;
  background: #fff;
}

.cabinet {
  width: 100%;
  float: left;
  padding: 250px 0 100px 0;
}
.cabinet .content {
  width: 865px;
  margin: auto;
  max-width: 95%;
  clear: both;
}
.cabinet .content .left {
  width: 35%;
  float: left;
}
.cabinet .content .left .img {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.cabinet .content .left .img img {
  width: 100%;
  height: auto;
}
.cabinet .content .left #accordion .card {
  border-radius: 0;
  margin-bottom: 10px;
  background-color: transparent;
  border-color: #f4f4f4;
}
.cabinet .content .left #accordion .card-header {
  background-color: transparent;
  border: none;
}
.cabinet .content .left #accordion .card-header h5 {
  position: relative;
}
.cabinet .content .left #accordion .card-header h5:after {
  position: absolute;
  right: 0;
  width: 8.75px;
  height: 8.75px;
  background: url('https://nooalegal.com/wp-content/themes/nooa/css/images/plus@2x.png');
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: '';
}
.cabinet .content .left #accordion .card-header .btn {
  padding: 0.375rem 0;
  font-size: 12px;
  font-weight: 500;
  color: #78c2ef;
  text-decoration: none !important;
  max-width: 100%;
  width: 100%;
  text-align: left;
}
.cabinet .content .left #accordion .card-body:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #f4f4f4;
  display: block;
  position: relative;
  top: -20px;
}
.cabinet .content .left #accordion .card-body ul li {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.025em;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 15px;
}
.cabinet .content .left #accordion .card-body ul li:before {
  display: inline-block;
  content: '';
  background: #78c2ef;
  width: 11px;
  height: 2px;
  margin-right: 23px;
}
.cabinet .content .left #accordion .card-body p {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.025em;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.cabinet .content .left #accordion .card-body p svg {
  width: 20px;
  float: left;
  margin-right: 20px;
}

.cabinet .content .left #accordion .card-body p img {
	
width : 14px;
margin-right : 20px;	
	
}


/* .cabinet .content .left #accordion .card-body p span {
  width: calc(100% - 40px);
  float: left;
} */
.cabinet .content .left #accordion .card-body p a {
  color: #222f40;
}
.cabinet .content .left #accordion .card-body p a:hover {
  color: #f2938b;
}
.cabinet .content .right {
  width: 65%;
  float: left;
  padding-left: 5%;
}
.cabinet .content .right .title {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.24em;
  color: #78c2ef;
}
.cabinet .content .right h1 {
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.025em;
  font-weight: 500;
  margin: 20px 0 15px 0;
}
.cabinet .content .right .status {
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.025em;
}
.cabinet .content .right ul {
  width: 100%;
  float: left;
  padding-top: 10px;
  padding-bottom: 45px;
}
.cabinet .content .right ul li {
  display: inline-block;
}
.cabinet .content .right ul li a {
  display: inline-block;
  margin-right: 35px;
}
.cabinet .content .right ul li a:hover svg path {
  fill: #78c2ef;
}
.cabinet .content .right p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 25px;
}

.details {
  width: 100%;
  float: left;
  padding: 250px 0 100px 0;
}
.details .content {
  width: 785px;
  max-width: 95%;
  margin: auto;
  clear: both;
}
.details .content .navigation {
  width: 100%;
  float: left;
  padding-bottom: 30px;
}
.details .content .navigation ul {
  width: 173px;
  float: right;
  padding-left: 0px;
}
.details .content .navigation ul li {
  display: inline-block;
}
.details .content .navigation ul li:before {
  content: none;
}
.details .content .navigation ul li.nn a {
  color: #f2938b;
  margin-left: 15px;
}
.details .content .navigation ul li.nn a span {
  margin-left: 15px;
}
.details .content .navigation ul li a {
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
  color: #78c2ef;
}
.details .content .navigation ul li a span {
  margin-right: 15px;
}
.details .content .cat {
  font-size: 34px;
  line-height: 51px;
  font-weight: 500;
}
.details .content .cat.metier {
  color: #f2938b;
}
.details .content .cat.publication {
  color: #78c2ef;
}
.details .content .cat.presse {
  color: #222f40;
}
.details .content h1 {
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
  margin: 30px 0 45px 0;
}
.details .content .date {
  color: #78c2ef;
  display: block;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.024em;
  margin-bottom: 20px;
}
.single-expertise .details .content .navigation ul.before li:before {
  content: '';
  display: inline-block;
  background: url('https://nooalegal.com/wp-content/themes/nooa/css/images/left.svg');
  width: 7.72px;
  height: 12.5px;
  position: static;
  margin-right: 15px;
  background-size: cover;
}
.single-expertise .details .content .navigation ul.before li.nn:after {
  content: '';
  display: inline-block;
  background: url('https://nooalegal.com/wp-content/themes/nooa/css/images/right.svg');
  width: 7.72px;
  height: 12.5px;
  position: static;
  margin-left: 15px;
  background-size: cover;
}
.single-expertise .details .content .navigation ul.before li.nn:before {
  content: none;
}
.details .content .author {
  color: #78c2ef;
  display: block;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 30px;
  font-weight: 500;
  letter-spacing: 0.024em;
}
.details .content h3 {
  font-size: 22px;
  line-height: 33px;
  font-weight: 600;
  margin: 30px 0;
}
.details .content p {
  font-size: 14px;
  line-height: 24px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 30px;
}
.details .content p a {
  color: #f2938b;
}
.details .content p a:hover {
  color: #78c2ef;
}
.details .content ul {
  margin-bottom: 30px;
  padding-left: 70px;
}
.details .content ul li {
  font-size: 14px;
  line-height: 24px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}
.details .content ul li:before {
  position: absolute;
  display: inline-block;
  content: '';
  margin-right: 15px;
  width: 12px;
  height: 1px;
  background: #78c2ef;
  top: 13px;
  left: -30px;
}
.details .content .partage {
  width: 100%;
  float: left;
  padding-top: 30px;
}
.details .content .partage h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.details .content .partage ul {
  padding-left: 0;
}
.details .content .partage ul li {
  display: inline-block;
  margin-right: 20px;
}
.details .content .partage ul li:before {
  content: none;
}
.details .content .partage ul li a {
  font-size: 14px;
  line-height: 24px;
  color: #222f40;
  letter-spacing: 0.024em;
}
.details .content .partage ul li a span {
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.single footer,
.single .newsletter {
  background: #fff;
}

.article-sim {
  width: 100%;
  float: left;
  padding: 100px 0;
  background: #fff;
}
.article-sim .content {
  width: 1026px;
  max-width: 95%;
  margin: auto;
  clear: both;
}
.article-sim .content h2 {
  font-size: 34px;
  line-height: 51px;
  font-weight: 600;
}
.article-sim .content .items {
  width: 100%;
  float: left;
  padding-top: 50px;
}
.article-sim .content .items .elm {
  width: calc(33.33% - 13.33px);
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  height: 320px;
  background: #f9f9f9;
  display: block;
  border: 1px solid #e3e3e3;
  padding: 40px;
  box-shadow: unset;
  transition: all 0.5s ease;
}
.article-sim .content .items .elm:nth-child(3n) {
  margin-right: 0;
}
.article-sim .content .items .elm:hover {
  box-shadow: 0px 10px 28px rgba(34, 47, 64, 0.4);
}
.article-sim .content .items .elm .cat {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: #78c2ef;
}
.article-sim .content .items .elm.metier .cat {
  color: #f2938b;
}
.article-sim .content .items .elm.presse .cat {
  color: #222f40;
}
.article-sim .content .items .elm p {
font-size: 14px;
    line-height: 26px;
    color: #222f40;
    font-weight: 500;
    margin: 25px 0 35px 0;
}
.article-sim .content .items .elm .date,
.article-sim .content .items .elm .author {
  display: block;
  color: #707070;
  font-size: 12px;
  line-height: 18px;
}

.blog {
  width: 100%;
  float: left;
  padding: 250px 0 100px 0;
}
.blog .content {
  width: 865px;
  margin: auto;
  max-width: 95%;
  clear: both;
}
.blog .content .alaune {
  width: 100%;
  float: left;
}
.blog .content .alaune h1 {
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0.05em;
  color: #78c2ef;
  margin-bottom: 25px;
}
.blog .content .alaune .elem {
  width: 100%;
  height: 451px;
  position: relative;
}
.blog .content .alaune .elem .contenu {
  width: 85%;
  float: left;
  height: 307px;
  background: transparent linear-gradient(-285deg, #222f40 0%, #334964 100%) 0%
    0% no-repeat padding-box;
  box-shadow: 0px 40px 46px rgba(34, 47, 64, 0.4);
  position: relative;
}
.blog .content .alaune .elem .contenu .text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  right: 10%;
}
.blog .content .alaune .elem .contenu .text .cat {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #f2938b;
  display: block;
}
.blog .content .alaune .elem .contenu .text p {
  font-size: 24px;
  line-height: 32px;
  color: #78c2ef;
  margin: 30px 0;
  letter-spacing: 0.025em;
}
.blog .content .alaune .elem .contenu .text .date,
.blog .content .alaune .elem .contenu .text .author {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.025em;
  line-height: 22px;
  display: block;
}
.blog .content .alaune .elem .after {
  width: 33.33%;
  position: absolute;
  right: 0;
  border: 2px solid #f2938b;
  top: 222px;
  height: 229px;
}
.blog .content .alaune .elem .after:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url('https://nooalegal.com/wp-content/themes/nooa/css/images/before@2x.png');
  background-size: cover;
  width: 54.99%;
  height: 83px;
  background-color: #78c2ef;
}
.blog .content .alaune .elem .cta {
  width: 246px;
  height: 59px;
  border: 2px solid #f2938b;
  line-height: 55px;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: calc(33% + 3.25px);
  border-right: none;
  background-color: transparent;
  transition: all 0.5s ease;
}
.blog .content .alaune .elem .cta:hover {
  background-color: #e5e5e5;
}
.blog .content .alaune .elem .cta a {
  font-size: 12px;
  font-weight: 600;
  color: #222f40;
  text-transform: uppercase;
  letter-spacing: 0.22em;
}

.elemts {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 100px;
}
.elemts .content {
  width: 1044px;
  max-width: 95%;
  margin: auto;
  clear: both;
}
.elemts .content .filter {
  width: 100%;
  float: left;
  padding: 0 15px;
	z-index: 1;
    position: relative;
}
.elemts .content .filter .contenu {
  width: 320px;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 30px 20px 30px;
}
.elemts .content .filter .contenu span {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.024em;
}
.elemts .content .filter .contenu .nice-select {
  float: right;
  border: none;
  background: transparent;
  outline: none;
  top: -7px;
  font-size: 14px;
  font-weight: 500;
  color: #78c2ef;
}
.elemts .content .filter .contenu .nice-select.open .list {
  border-radius: 0;
  margin-top: 10px;
  box-shadow: unset;
}
.elemts .content .filter .contenu .nice-select .option {
  line-height: 30px;
  list-style: none;
  min-height: 30px;
}
.elemts .content .filter .contenu .nice-select:after {
  width: 8px;
  height: 8px;
  margin-top: -7px;
  border-bottom: 2px solid #222f40;
  border-right: 2px solid #222f40;
}
.elemts .content .items {
  width: 100%;
  float: left;
  padding-top: 30px;
}
.elemts .content .items .item {
  width: 33.33%;
  float: left;
  margin-bottom: 20px;
}
.elemts .content .items .item.metier .elm .cat {
  color: #f2938b;
}
.elemts .content .items .item.presse .elm .cat {
  color: #222f40;
}
.elemts .content .items .item .elm {
  width: 95%;
  margin: auto;
  height: 320px;
  clear: both;
  display: block;
  border: 1px solid #e3e3e3;
  padding: 40px;
  box-shadow: unset;
  transition: all 0.5s ease;
}
.elemts .content .items .item .elm:hover {
  box-shadow: 0px 10px 28px rgba(34, 47, 64, 0.4);
}
.elemts .content .items .item .elm .cat {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: #78c2ef;
}
.elemts .content .items .item .elm p {
  font-size: 16px;
  line-height: 26px;
  color: #222f40;
  font-weight: 500;
  margin: 25px 0 40px 0;
}
.elemts .content .items .item .elm .date,
.elemts .content .items .item .elm .author {
  display: block;
  color: #707070;
  font-size: 12px;
  line-height: 18px;
}

.single-expertise .details .content p,
.single-expertise .details .content ul {
  width: 80%;
}
.details .content .navigation ul li a br {
  display: none;
}
.details .content .navigation ul li:last-of-type {
  float: right;
  text-align: right;
}
.single-expertise .details .content .navigation ul li:last-of-type a span {
  margin-right: 0;
}
.single-expertise .details .content .navigation {
  padding-bottom: 50px;
}
.single-expertise .details .content .navigation ul {
  width: 100%;
}
.single-expertise .details .content .navigation ul li {
  width: 50%;
  float: left;
  color: transparent;
}
.single-expertise .details .content .navigation ul li:last-of-type {
  float: right;
  text-align: right;
}
@media only screen and (max-width: 1200px) {
  header .content {
    width: 95%;
  }
}
@media only screen and (max-width: 992px) {
	
	
	.pageNotFound .pageNotFound-content {
		
	width : 90%;
	height : 70%	
		
	}
	
	
  .slide-menu .content .up .left,
  .slide-menu .content .up .right {
    padding-left: 0;
  }
  .slide-menu .content .down .left,
  .slide-menu .content .down .right {
    padding-left: 0;
  }
  .slide-menu .content .middle {
    display: none;
  }
  .slide-menu .content {
    bottom: unset;

    top: 50%;
    transform: translateY(-50%);
  }
  .business .left {
    width: 49%;
  }
  .business .left h1 {
    font-size: 30px;
    line-height: 42px;
  }
  .business .right {
    width: 90%;
    padding: 130px 7% 50px 42%;
  }
  .valeurs .content .items {
    padding-bottom: 80px;
  }
  .contact .content form label {
    font-size: 12px;
  }
  .valeurs .content .items .item {
    width: 33.33%;

    height: 240px;
  }
  .valeurs .content .items {
    padding-bottom: 0;
  }
  .missions .content .items .item {
    width: calc(50% - 10px);
    margin-right: 20px;
    height: 275px;
  }
  .container-newsletter {
    padding: 30px 25px;
  }
}
@media only screen and (max-width: 768px) {
	
	.page-search-results h1 {
		
	font-size: 30px;
    transform: translateY(-120px);	
		
	}
 
	.pageNotFound .pageNotFound-content h1 {
		
		font-size : 45px
	}
	
	.pageNotFound .pageNotFound-content h2 {
		
		font-size : 65px
		
	}
	
	.cabinet .content .left #accordion .card-body p {
    width: 100%;
  }
  .slide-menu {
    height: 700px;
    top: -700px;
    position: absolute;
  }
  .business .left {
    background: transparent linear-gradient(145deg, #78c2ef 0%, #afe0ff 100%) 0%
      0% no-repeat padding-box;
  }
  .social-media {
    position: absolute;
  }

  .details .content p br {
    display: none;
  }
  .details .content ul {
    padding-left: 35px;
  }
  .single-expertise .details .content p,
  .single-expertise .details .content ul {
    width: 100%;
  }
  .single-expertise .details .content p br,
  .single-expertise .details .content ul br {
    display: none;
  }
  .article-sim {
    padding: 50px 0;
  }
  .details .content .navigation {
    padding-bottom: 0;
  }
  .article-sim .content .items .elm {
    width: 100%;

    margin-right: 0;
  }
  .details {
    padding: 190px 0 50px 0;
  }
  .details .content .author {
    margin-bottom: 20px;
  }
  .details .content .cat {
    font-size: 24px;
  }
  .details .content h1 {
    font-size: 28px;
    line-height: 38px;
    margin: 0px 0 25px 0;
  }
  .details .content .date {
    margin-bottom: 10px;
  }
  .blog .content .alaune h1 {
    font-size: 22px;
  }
  .blog .content .alaune .elem .contenu .text .cat {
    font-size: 16px;
  }
  .blog .content .alaune .elem .contenu .text p {
    font-size: 18px;
    line-height: 28px;
  }
  .blog .content .alaune .elem .contenu {
    width: 95%;
  }
  .blog .content .alaune .elem .after:before {
    width: 85.99%;
  }
  .blog .content .alaune .elem .after {
    height: 190px;
  }
  .blog .content .alaune .elem {
    height: 392px;
  }
  .blog .content .alaune .elem .cta {
    width: 66.66%;

    right: 33.33%;
  }
  .elemts .content .filter .contenu {
    width: 200px;
    padding: 0 0 20px 0px;
  }
  .blog {
    padding: 190px 0 100px 0;
  }
  .elemts .content .filter .contenu .nice-select {
    padding: 0 21px;
  }
  .elemts .content .items .item,
  .elemts .content .items .item .elm {
    width: 100%;
  }
  .cabinet .content .right ul {
    padding-bottom: 0;
  }
  .cabinet .content {
    display: flex;
    flex-direction: column;
  }
  .cabinet .content .right {
    padding-left: 0;
    order: 1;
  }
  .cabinet .content .left {
    order: 2;
  }
  .cabinet {
    padding: 190px 0 100px 0;
  }
  .cabinet .content .left,
  .cabinet .content .right {
    width: 100%;
  }
  .exp .content p br {
    display: none;
  }
  .search-call {
    top: 106px;
  }
  header.open {
    padding-bottom: 65px;
  }
  .slide-menu .content {
    bottom: 1.5%;

    top: unset;
    transform: unset;
  }
  .slide-menu .content .up .left ul li a,
  .slide-menu .content .up .right ul li a {
    line-height: 32px;
    margin-bottom: 10px;
  }
  .slide-menu .content .up .left .part h5,
  .slide-menu .content .up .right .part h5 {
    margin-bottom: 10px;
  }
  .slide-menu .content .up .left,
  .slide-menu .content .up .right {
    width: 100%;
    float: left;
  }
  .slide-menu .content .up .left .part,
  .slide-menu .content .up .right .part {
    width: 100%;
    float: left;
    padding-top: 0;
    padding-bottom: 30px;
  }
  .slide-menu .content .up .left ul,
  .slide-menu .content .up .right ul {
    column-count: 1;
  }
  .slide-menu .content .down .left,
  .slide-menu .content .down .right {
    width: 100%;
    float: left;
    padding-bottom: 15px;
  }
  .slide-menu .content .down .right p {
    text-align: left;
  }
  header .content .main-menu {
    opacity: 0 !important;
  }
  .slider .items {
    position: static;

    transform: unset;
  }
  .slider {
    height: auto;

    padding: 200px 0 120px 0;
  }
  .missions .content p br {
    display: none;
  }
  .missions .content .items .item {
    padding: 25px;
  }
  .slider .items .slick-dots {
    position: absolute;
    right: 0;
    bottom: -60px;
    left: 0;
    margin: auto;
    width: 150px;
  }
  .slider .items .slick-dots li {
    width: 50px;
  }
  .slider .items .slick-dots li.slick-active button:after {
    width: 50px;
  }
  .slider .items .item .content p {
    font-size: 24px;

    line-height: 34px;
  }
  .slider .items {
    width: 95%;
  }
  .business .right {
    width: 100%;
    padding: 25px 2.5%;
  }
  .business .left {
    width: 100%;
    position: static;
    padding: 25px 2.5%;
  }
  .container-newsletter .right {
    width: 180px;
    float: left;
    padding-top: 30px;
  }
  .container-newsletter .left {
    width: 100%;
    float: left;
    padding-right: 0;
  }
  .contact .content form .submit {
    margin-top: 30px;
    width: 100%;
  }

  .exp .content .items .item {
    width: 100%;
  }
  .contact .content form label {
    text-indent: -38px;
    padding-left: 38px;
    padding-right: 0;
    line-height: 25px;
    width: 100%;
  }
  .contact .content form .half {
    width: 100%;
    margin-right: 0;
    float: left;
  }
  .international .content .left p {
    margin-bottom: 20px;
  }
  .international .content .right {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-top: 30px;
  }
  .international .content .left {
    width: 100%;
    float: left;
    padding-right: 0;
  }
  footer .content .up .item {
    width: 50%;
    float: left;
    padding: 0 0;
  }
  .valeurs .content .items .item {
    width: 100%;
    height: 200px;
  }
  .valeurs .content .items .item {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
  .valeurs .content .items .item p {
    display: block;
  }
  .valeurs .content .items .item .front {
    position: static;
  }
  .missions .content .items .item {
    width: 90%;
    margin-right: 20px;
    margin-right: 0;
    margin: 0 auto 30px auto !important;
    float: none;
    background: #f2938b;
    border: 2px solid transparent;
    bottom: 10px;
    filter: drop-shadow(0px 40px 46px rgba(242, 147, 139, 0.4));
  }
  .missions .content .items .item:after {
    border: 2px solid #222f40;
    bottom: 15px;
    right: 15px;
  }
  .missions .content .items .item h4 {
    color: #fff;
  }
  .missions .content .items .item ul li:before {
    background: #fff;
  }
  .slider .items .item .cta {
    width: 68%;
  }
  .article-sim .content .items .elm,
  .elemts .content .items .item .elm {
    padding: 40px 25px;
  }
  .elemts {
    padding-bottom: 50px;
  }
  .details .content .navigation ul li a {
    font-size: 12px;
    line-height: 26px;
    position: relative;
    top: -2px;
    letter-spacing: 0.001em;
  }
  .single-expertise .details .content .navigation ul.before li.nn:after {
    margin-left: 0px;
  }
  .single-expertise .details .content .navigation ul.before li:before {
    margin-right: 3px;
  }
  .single-expertise .details .content .navigation {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 500px) {
  footer {
    padding: 50px 0 30px 0;
  }
  .contact .content h2,
  .article-sim .content h2 {
    font-size: 28px;
  }
  .valeurs,
  .missions,
  .exp,
  .international,
  .contact {
    padding: 50px 0;
  }
  .slider .items .item,
  .slider .items {
    height: 335px;
  }

  .social-media {
    right: 0;
    bottom: unset;
    left: 30px;
    margin: auto;
    width: 140px;
    top: 40px;
  }

  .slider .items .item .content p {
    font-size: 20px;
    line-height: 34px;
    padding-right: 15px;
  }
  .slider .items .item .right {
    width: 75%;
    left: 25%;
    height: 275px;
  }
  .slider .items .item .left:after {
    height: 48.45px;
  }
  .slider .items .item .middle {
    left: 8.4%;
    height: 156px;
    bottom: 110px;
  }
  .slider .items .item .left {
    width: 20%;
    height: 160px;
  }
  .slider .items .item .cta {
    left: 20%;
    width: 80%;
  }
  .slider .items .item .content {
    left: 29.5%;
  }
  .business .left h1 {
    font-size: 22px;
    line-height: 32px;
  }
  footer .content .up .item {
    width: 100%;
    float: left;
    padding: 0 0;
    text-align: center;
    margin-bottom: 20px;
  }
  footer .content .bottom .left,
  footer .content .bottom .right {
    width: 100%;
    float: left;
  }
  footer .content .bottom p {
    text-align: center !important;
  }
  .social-media ul li a {
    float: left;
    margin-right: 10px;
    background: #f9f9f9;
  }
  .social-media ul li:last-of-type a {
    margin-right: 0px;
  }
}

/*
     FILE ARCHIVED ON 14:57:33 Nov 30, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:16:43 Sep 23, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.669
  exclusion.robots: 0.035
  exclusion.robots.policy: 0.022
  esindex: 0.015
  cdx.remote: 44.073
  LoadShardBlock: 329.313 (3)
  PetaboxLoader3.datanode: 389.958 (5)
  PetaboxLoader3.resolve: 184.736 (2)
  load_resource: 355.155
  loaddict: 220.892
*/