@font-face {



  font-family: "Libre Baskeville";

  src: url('fonts/LibreBaskerville-Regular.ttf');

  font-weight: normal;

  font-style: normal;

}





@font-face {

  font-family: "Libre Baskeville";

  src: url('fonts/LibreBaskerville-Bold.ttf');

  font-weight: bold;

  font-style: normal;

}



h1 {

  font-family: 'Libre Baskeville', ui-serif;

  font-size: 70px !important;



}



h2 {

  font-family: 'Libre Baskeville', ui-serif !important;

  font-size: 50px !important;



}



h3 {

  font-family: 'Libre Baskeville', ui-serif !important;

  font-size: 20px !important;



}



h4 {

  font-family: 'Libre Baskeville', ui-serif !important;

  font-size: 20px !important;



}



body {

  font-family: 'Corbel' !important;

  font-size: 16px !important;



}



select option {

  text-transform: none !important;

}



select {

  text-transform: capitalize !important;

}





.logo {

  width: 100PX;

  margin-right: 20px;

}





.navbar-nav {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

  align-items: center !important;

}



div.dataTables_wrapper div.dataTables_filter label {

  display: none !important;

}



.sub-header {

  background: #00027D;

  color: #fff;

  /* padding: 6px !important; */

  /*padding-top: 10px;

    padding-bottom: 10px;*/

  font-family: 'Libre Baskeville', ui-serif;

  /*font-weight: bold;*/

}



.phone a,

.mail a {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

}



.phone a:hover,

.mail a:hover {

  color: #fff;

}





.phone p,

.mail p {

  margin-bottom: 0px;

  font-size: 14px;

}



.phone img,

.mail img {

  margin-right: 10px;

}



.bor {

  border-left: 1px solid #8183ff;

  margin: auto;

}



.social a {

  margin-right: 6px;

}





.connect {

  padding: 10px 0px;

}



.log {

  padding: 15px 30px;

  background: #ffffff38;

  color: #fff;

  margin-right: -4px;

  font-size: 13px;

}



.log-two {

  padding: 15px 30px;

  background: #00027d;

  color: #fff;

  margin-right: -4px;

  font-size: 13px;

}



.connect-two {

  margin-top: 20px;

  margin-bottom: 20px;

  display: none;

}



.log:hover,

.sign:hover {

  color: #fff;

}





.sign {

  padding: 15px 30px 13px;

  background: #FF5A00;

  color: #fff;

  font-size: 13Px;

}



.foot {

  background-color: #101010;

  color: #fff;

  padding: 20px 0px 0px;

}



.foot h2 {

  font-family: 'Libre Baskeville', ui-serif;



}



.foot p {

  font-size: 12px;

}



.bar {

  padding: 1px;

  background-color: #FF5A00;

  width: 30%;

}





.foot a {

  color: #fff;

  display: block;

  font-weight: 300;

  margin: 5px auto;

  font-size: 15px;



}



.foot a:hover {

  color: #636363;

  text-decoration: none;



}



.foot img {

  margin-right: 10px;

}





.social-footer a {

  display: inline-block;

}





.hhr {

  background: #252525;

  padding: 0.5px;

  width: 100%;

  /* margin: 14px 11px; */

}



.login {

  background-color: #F0F4F9;

  padding: 40px 0px;

  border: 0.5px solid #D3D3D3;

}



.page-back {

  background-color: #F0F4F9;

  /* padding: 40px 0px; */

  border: 0.5px solid #D3D3D3;

}



.login-box {

  padding: 40px;

  background-color: #fff;

}



.rad {

  display: inline-block !important;

  margin-right: 20px;



}



.btn-submit {

  background: #FF5A00 !important;

  color: #fff !important;

  width: 100% !important;

  text-transform: initial !important;

}



.btn-danger {

  background-color: #FF5A00 !important;

}



.btn-primary {

  background-color: #00027D !important;



}



.transformer {

  text-transform: capitalize !important;

}



.btn-submit-plus {

  background: #FF5A00 !important;

  color: #fff !important;

  text-transform: initial !important;

  padding-left: 30px !important;

  padding-right: 30px !important;

  margin-right: 15px;

}



.btn-submit-second {

  background: #00027D !important;

  color: #fff !important;

  text-transform: initial !important;

  padding-left: 30px !important;

  padding-right: 30px !important;

}





.top-banner {

  color: #fff;

}



.personalize {

  font-family: varela round, montserrat, quicksand, sans-serif !important;

  font-size: 14px !important;

  line-height: 1.75 !important;

  color: #576366 !important;

  -ms-word-wrap: break-word !important;

  word-wrap: break-word !important;

  overflow-x: hidden !important;

  -webkit-font-smoothing: antialiased !important;

}



.top-banner-img::before {}



.top-banner-img {

  margin: auto;

  padding: 0px 60px;

  background: url(img/a.svg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;



}



.borderless td,

.borderless th {

  border: none !important;

}









.table th,

.table td {

  padding: 5px !important;

  vertical-align: top;

  /* border-top: 1px solid #dee2e6; */

}



.top-banner-img h1 {

  padding: 80px 0px;

  font-family: 'Libre Baskeville', ui-serif;

  font-size: 70px;



}





.titre {

  font-size: 14px;

  font-weight: bold;

  text-transform: capitalize !important;

  /* font-family: Jost; */



}



.theque {

  margin-bottom: 0rem !important;

}



.table th {

  font-size: 14px !important;

  text-align: center !important;

  padding-top: 5px !important;

}



.back-search {

  padding: 30px 20px;

  background-color: #fff;

  border: 0.5px solid #D3D3D3;

  border-radius: 10px;

  margin-top: -50px;

}



.offre-list {

  /* padding: 50px 0px; */

  color: #000;



}



.offre-list a {

  color: #000;

  /* 00027D */

}



.form-area input,

.form-area textarea {

  border-radius: 0 !important;

  font-size: 12px !important;



  /* padding: 10px !important; */

  height: 40px !important;

}



.form-area .primary-btn {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}





.form-area .btn-primary {

  background-image: -moz-linear-gradient(0deg, #2f5991d6 0%, #3f3f8e 100%) !important;

  background-image: -webkit-linear-gradient(0deg, #2f5991d6 0%, #3f3f8e 100%) !important;

  background-image: -ms-linear-gradient(0deg, #2f5991d6 0%, #3f3f8e 100%) !;

}



element.style {}



.form-area .primary-btn {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.p1-gradient-bg,

.banner-area .overlay-bg,

.sidebar .single-slidebar .cat-list li:hover,

.callto-action-area,

.single-price:hover .price-bottom,

.single-service:hover,

.submit-right,

.submit-left,

.contact-btns,

.form-area .primary-btn {

  background-image: -moz-linear-gradient(0deg, #2f5991d6 0%, #3f3f8e 100%);

  background-image: -webkit-linear-gradient(0deg, #2f5991d6 0%, #3f3f8e 100%);

  background-image: -ms-linear-gradient(0deg, #2f5991d6 0%, #3f3f8e 100%);

}



.primary-btn {

  background: #fff !important;

  border: 1px solid transparent !important;

  color: #222 !important;

  padding-left: 40px;

  padding-right: 40px;

  border-radius: 50px;

}



.primary-btn {

  background-color: #3f3f8e !important;

  line-height: 42px !important;

  padding-left: 30px !important;

  padding-right: 60px !important;

  border-radius: 25px !important;

  border: none !important;

  color: #fff !important;

  display: inline-block !important;

  font-weight: 500 !important;

  position: relative !important;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  cursor: pointer;

  text-transform: uppercase;

  position: relative !important;

}



.labelBlock {

  color: #3f3f8e !important;

  margin-top: 15px;

  font-weight: bold;

  cursor: pointer;

}



.offre-list a:hover {

  color: #00027D;

  text-decoration: none;

}





.img-offre {

  border: 0.5px solid #D3D3D3;

  border-radius: 10px 0px 0px 10px;

  width: 30%;

}



.img-offre-details {

  width: 29%;

}



.offre-list-card {

  background: #FFFFFF;

  border: 0.5px solid #D3D3D3;

  border-radius: 10px;

  display: flex;

  margin-bottom: 30px;

}



.offre-list-card-details {

  background: #FFFFFF;

  border: 0.5px solid #D3D3D3;

  border-radius: 10px;

  margin-bottom: 30px;



}



.details-offre {

  width: 70%;

  padding: 0px 0px 20px 20px;

  margin: auto;

}



.actu {

  float: right;

  background: #00027D;

  padding: 2px 15px;

  margin-top: 10px;

  border-radius: 500px 0px 0px 500px;

  color: #fff;

  font-size: 12px;

}



.nom-entreprise {

  font-size: 11px;

  margin-top: 30px;

  margin-bottom: 5px;

}



.poste-offre {

  font-family: 'Libre Baskerville';

  font-style: normal;

  font-weight: 700;

  font-size: 24px;

  line-height: 24px;

  margin-bottom: 5px;



}



.infos-offre p {

  font-size: 13px;

  margin-bottom: 5px;



}



.infos-offre img {

  vertical-align: bottom;

}



.details-offre-details {

  width: 70%;

  padding: 0px 0px 20px 20px;

  margin: auto;

  display: inline-block;

}



.decrip-offre {

  padding: 20px;

}



.contact h2 {

  color: #00027D;

  line-height: 60px;

  /*font-weight: bold;*/

}



.form-contact h2 {

  color: #00027D;

  /*line-height: 51px;*/

}



.contact-card {

  padding: 30px 22px 16px;

  background: #FFFFFF;

  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  margin-bottom: 50px;

}



.contact-card a,

.contact-card a:hover {

  color: #FF5A00;

}





.pays img {

  width: 25px;

  margin-right: 10px;

}



.contact-card img {

  margin-right: 10px;



}



.form-contact {

  padding: 50px 0px 50px 0px;

}



.form-contact .mb-3 {

  margin-bottom: 30px !important;



}



.form-contact .mb-3 span {

  font-weight: bold;

  color: red;

}





.btn-submit-white {

  background: #fff !important;

  color: #FF5A00 !important;

  width: 100% !important;

  text-transform: initial !important;

}





.newsletter {

  color: #fff;

  padding: 30px 0px 10px 0px;



}





.newsletter .form-control {



  display: block;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #ffffff !important;

  background-color: #fff0 !important;

  background-clip: padding-box;

  border: 1px solid #ffffff !important;

  border-radius: 0.25rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.newsletter-footer .form-control {



  display: block;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #ffffff !important;

  background-color: #fff0 !important;

  background-clip: padding-box;

  border: 1px solid #ffffff !important;

  border-radius: 0.25rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.newsletter input::placeholder {

  color: #fff;

}



.newsletter-footer input::placeholder {

  color: #fff;

}



.testimonials h2 {

  color: #00027D;

  /*line-height: 60px;*/



}



.section-title {

  font-size: 20px;

  font-weight: bold;

  color: #ff5a00 !important;

}



.test-card {

  padding: 30px;

  background: #FFFFFF !important;

  border: 0.5px solid #D3D3D3;

  border-radius: 10px;

  width: 48%;

  margin-bottom: 20px;

  margin-right: 12px;

}





.test-card h4 {

  font-weight: bold;

  margin: 0px;

}



.test-card .infos p {

  margin: 0px;

}



.infos h3 {

  font-weight: bold;

  font-size: 16px !important;

  margin-bottom: 0Px;

  ;

}





.test-card img {

  margin-right: 14px;

}



.align-infos {

  display: flex;

  align-items: center;

}



.test-alg {

  display: flex;

  flex-wrap: wrap;

}







.owl-prev {

  position: absolute;

  top: -6%;

  padding: 10px 28px !important;

  background: #F0F4F9 !important;

  color: #00027d !important;

  ;

  left: -83px;

  border-radius: 50px !important;

}



.owl-next span,

.owl-prev span {

  font-size: 30px;

}



.owl-next:focus,

.owl-prev:focus {

  outline: none !important;

  /*border: 1px solid #00027D !important;*/

}





.owl-next {

  position: absolute;

  top: -6%;

  padding: 10px 28px !important;

  background: #F0F4F9 !important;

  color: #00027d !important;

  right: -83px;

  border-radius: 50px !important;

}



.confiance {

  padding: 50px 0px 70px 0px;

}



.confiance img {

  width: 140px;

}



.owl-carousel .owl-nav.disabled,

.owl-carousel .owl-dots.disabled {

  display: block !important;

}



.about-pays {

  /* margin-bottom: 50px; */

}



.about-pays h4 img {

  width: 28px;

  margin-right: 7px;

  vertical-align: bottom;

}



.about-pays a img {

  margin-right: 7px;

}



.about-pays a {

  color: #000;

  font-weight: bold;

  text-transform: uppercase;

}



.about-pays a:hover {

  color: #00027D;

  font-weight: bold;

}



.part-card {

  text-align: center;

  margin-bottom: 50px;

}



.part-card p {

  text-transform: uppercase;

}



.card-part {

  background: #FFFFFF;

  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  padding: 16px;

  margin-bottom: 30px;

}



.card-part1 {

  background: #FFFFFF;

  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  padding: 16px;

  /* display: flex;

  align-items: center; */

}



.card-part img {

  margin-right: 20px;

}



.navbar-nav li:hover>ul.dropdown-menu {

  display: block;

}



.dropdown-submenu {

  position: relative;

}



.dropdown-submenu>.dropdown-menu {

  top: 0px !important;

  left: 100%;

  margin-top: -6px;

}



/* rotate caret on hover */

.dropdown-menu>li>a:hover:after {

  text-decoration: underline;

  transform: rotate(-90deg);

}



.navbar {

  font-family: 'Libre Baskeville';

  font-size: 14px;

  padding: 0.5rem 0rem !important;

}



.navbar .nav-item {

  margin: auto 4px;

}



.dropdown-menu a {

  font-size: 14px;

}



.dropdown-menu {

  top: 85% !important;

}





.dropdown-item.active,

.dropdown-item:active {

  color: #fff !important;

  text-decoration: none;

  background-color: #00027d !important;

}



.dropdown-item:hover,

.dropdown-item:focus {

  color: #fff !important;

  text-decoration: none;

  background-color: #ff5a00 !important;

}



.navbar-light .navbar-nav .show>.nav-link,

.navbar-light .navbar-nav .active>.nav-link,

.navbar-light .navbar-nav .nav-link.show,

.navbar-light .navbar-nav .nav-link.active {

  color: #ff5a00 !important;

  font-weight: bold !important;

  border-bottom: 3px solid !important;

}



.nav-link {

  color: #000 !important;

  font-size: 13px !important;

  font-weight: bold !important;

  width: 100%;

}







.log {

  background: #00027D !important;

  color: #fff !important;

  /* text-transform: initial !important; */

  /* padding-left: 30px !important;

  padding-right: 30px !important; */

}



.sign {

  background: #FF5A00 !important;

  color: #fff !important;

  /* text-transform: initial !important; */

  /* padding-left: 30px !important;

  padding-right: 30px !important; */

}



.pad {

  /* padding-left: 0px !important;

  padding-right: 0px !important; */

}



.hero-slide .owl-carousel .owl-nav.disabled {

  display: none !important;

}



.hero-slide-item {

  padding: 100px 54px 120px;

  color: #fff;

}



.hero-slide-text {

  /* width: 70%; */

}



.hero-slide-text p {

  /* width: 60%; */

}



.avant {

  background: #00027D;

  border: 0.5px solid #D3D3D3;

  border-radius: 10px;

  padding: 15px 10px;

  display: flex;

  align-items: flex-start;

  margin-bottom: 30px;

  height: 159px !important;

}



.brand-name-wrapper a {

  font-family: Poppins, sans-serif;

  font-size: larger;

  font-weight: 300;

  font-size: 13px !important;

  line-height: 2.5;



}



.avant h4 {

  color: #fff;

  font-weight: bold;

}



.avant p {

  margin-bottom: 0px;

  font-size: 13px !important;

  color: #fff;





}



.avant img {

  margin-right: 10px;

}



.pays-list {

  margin-bottom: 30px;

}



.pays-list a {

  color: #000;

  font-family: 'Libre Baskeville';

  margin-right: 18px;

}



.pays-list a img {

  vertical-align: sub;

  margin-right: 8px;

}



.menu-home:hover {

  text-decoration: none !important;

  /* background: #00027D !important;

  color: white !important; */

}



/* .carousel-control-prev {



  position: absolute !important;

  top: -6% !important;



  background: #F0F4F9 !important;

  color: #00027d !important;

  left: -83px !important;

  border-radius: 50px !important;

} */



.menu-home {

  color: #00027D !important;

}



.produits {

  padding-top: 20px;

  /* padding-bottom: 50px; */



}



.produits h2 {

  color: #00027D;

  font-weight: bold;

}



.produits-card {

  background: #FFFFFF;

  border: 0.5px solid #D3D3D3;

  border-radius: 10px;

  padding: 6px 30px;

  text-align: center;

  color: #000 !important;

  margin-bottom: 40px;

  height: auto !important;

}



.produits-card1 {

  background: #FFFFFF;

  border: 0.5px solid #D3D3D3;

  border-radius: 10px;

  padding: 6px 30px;

  text-align: center;

  color: #000 !important;

  margin-bottom: 40px;

  height: 338px !important;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;

}



.produits-card2 {

  background: #FFFFFF;

  border: 0.5px solid #D3D3D3;

  border-radius: 10px;

  padding: 6px 30px;

  text-align: center;

  color: #000 !important;

  margin-bottom: 40px;

  height: 303px !important;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;

}



.produits-card2 h4 {

  color: #00027D !important;

  font-weight: 700;

}



.joblist {

  height: 302px !important;

}



.rh-list {

  /* height: px !important; */

}



.rh-card {

  padding: 0px !important;

}



.card-text-rh {

  font-family: welcome-font, sans-serif;

  font-weight: 600 !important;

  font-size: 1.10rem !important;

  line-height: 1.2 !important;

  color: rgb(0, 0, 0) !important;

  margin-top: -0.375rem !important;

}



.parent {

  padding: opx !important;

  /* height: 20em; */

  /* hauteur du parent */

  /* line-height: 20em; */

  /* hauteur de ligne (identique) */

  /* white-space: nowrap; */

  /* interdiction de passer à la ligne */

}



.no-gutters img {

  width: 69% !important;

}



.no-gutters {

  height: 70px !important;

}



.produits-card .image {

  background-image: url('img/temp.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card1 .image {

  background-image: url('img/temp.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card2 .image {

  background-image: url('img/temp.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card:hover .image {

  background-image: url('img/temp-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card1:hover .image {

  background-image: url('img/temp-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card2:hover .image {

  background-image: url('img/temp-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card .image2 {

  background-image: url('img/recru.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card1 .image2 {

  background-image: url('img/recru.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card2 .image2 {

  background-image: url('img/recru.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card:hover .image2 {

  background-image: url('img/recru-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card1:hover .image2 {

  background-image: url('img/recru-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card2:hover .image2 {

  background-image: url('img/recru-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card .image3 {

  background-image: url('img/form.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card1 .image3 {

  background-image: url('img/form.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card2 .image3 {

  background-image: url('img/form.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card:hover .image3 {

  background-image: url('img/form-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card1:hover .image3 {

  background-image: url('img/form-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card2:hover .image3 {

  background-image: url('img/form-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card .image4 {

  background-image: url('img/search.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card1 .image4 {

  background-image: url('img/search.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card:hover .image4 {

  background-image: url('img/search-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card1:hover .image4 {

  background-image: url('img/search-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card .image5 {

  background-image: url('img/assis.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card1 .image5 {

  background-image: url('img/assis.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card:hover .image5 {

  background-image: url('img/assis-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card1:hover .image5 {

  background-image: url('img/assis-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card .image6 {

  background-image: url('img/etude.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card1 .image6 {

  background-image: url('img/etude.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  text-indent: -9999px;

  margin: auto;

  width: 70px;

  height: 70Px;

}



.produits-card:hover .image6 {

  background-image: url('img/etude-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits-card1:hover .image6 {

  background-image: url('img/etude-white.svg');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}



.produits a:hover {

  text-decoration: none;



}



.produits-card h4 {

  color: #00027D !important;

  font-weight: bold;

}



.produits-card:hover h4 {

  color: #fff !important;

  font-weight: bold;

}



.produits-card1 h4 {

  color: #00027D !important;

  font-weight: bold;

}



.produits-card1:hover h4 {

  color: #fff !important;

  font-weight: bold;

}







.produits-card:hover {

  background: #FF5A00;

  color: #fff !important;

  cursor: pointer;

}



.produits-card1:hover {

  background: #FF5A00;

  color: #fff !important;

  cursor: pointer;

}



.produits-card2:hover {

  background: #FF5A00;

  color: #fff !important;

  cursor: pointer;

}



.image-back {

  background: #F0F4F9;

  display: inline-block;

  padding: 15px;

  border-radius: 500px;

  margin-bottom: 20px;

}



.produits-card:hover .image-back {

  background: #FD6919;

}



.produits-card1:hover .image-back {

  background: #FD6919;

}



.produits-card2:hover .image-back {

  background: #FD6919;

}



.hh {

  margin-top: 2rem !important;

  margin-bottom: 2rem !important;

  border: 0;

  border-top: 1px solid #ffffff40 !important;

  height: 0px !important;

}



.chiffre {

  text-align: center;

}





.formation {

  margin: 50px auto;

}



.formation h2 {

  color: #00027D !important;

  font-weight: bold;

}



.formation span,

.formation2 span {

  font-weight: bold;

}



.formation li::marker,

.formation2 li::marker {

  color: #FD6919;

  font-size: 30px;

}



.formation ul {

  margin-bottom: 30px;

}



.card-formation {

  margin-bottom: 40px;

}



.image-formation {

  width: 100%;

  height: auto;

}



/*.overlaye {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #008CBA;

  overflow: hidden;

  width: 100%;

  height: 100%;

  transform: scale(0);

  transition: .3s ease;

}*/



.overlaye {

  position: absolute;

  top: 0;

  left: 15px;

  right: 0;

  background-color: #00027dad;

  overflow: hidden;

  width: 90%;

  height: 82%;

  transform: scale(0);

  transition: .3s ease;

}



.card-formation:hover .overlaye {

  transform: scale(1);

}



.text {

  color: white;

  font-size: 20px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

}





.offre-emploi-card {

  margin: 50px 80px;

}



.offre-emploi-card h2 {

  color: #00027D !important;

  font-weight: bold;

}



.contact-home .mb-3 {

  margin-bottom: 30px !important;

}



.contact-home .form-control {

  display: block;

  width: 100%;

  /*height: calc(1.5em + 0.75rem + 2px);*/

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #ffffff !important;

  background-color: #fff0 !important;

  background-clip: padding-box;

  border: 1px solid #ffffff !important;

  border-radius: 0.25rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.contact-home select option {

  color: #000 !important;

}



.temp-card {

  background: #FFFFFF;

  box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);

  border-radius: 10px;

  padding: 0px 10px 0px 0px;

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}







.temp-card-icon {

  background: #00027d;

  padding: 18px;

  margin-right: 15px;

  border-radius: 10px 0px 0px 10px;

}



.temp-card-text p {

  margin: 0px;

}





.card-produit {



  background: #FFFFFF;

  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  padding: 30px 26px;

  margin-bottom: 30px;

  height: 280px !important;

}



.card-produit div {

  margin-bottom: 10px;

}



.card-produit0,

.card-produit1 {



  background: #FFFFFF;

  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  padding: 30px 26px;

  margin-bottom: 30px;

  /* height: 380px !important; */

  height: auto;

}





.card-produit2,

.card-produit3 {



  background: #FFFFFF;

  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  padding: 30px 26px;

  margin-bottom: 30px;

  /* height: 200px !important; */

  height: auto;

}



@media (min-width: 736px) {

  /* @media only screen and (min-width: 768px) { */

  /* For desktop: */



  .card-produit0,

  .card-produit1 {





    height: 380px !important;

    /* height: auto !important; */

  }





  .card-produit2,

  .card-produit3 {



    background: #FFFFFF;

    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

    padding: 30px 26px;

    margin-bottom: 30px;

    height: 200px !important;

    /* height: auto !important; */

  }

}



.card-produit0,

.card-produit1,

.card-produit2,

.card-produit3 div {

  margin-bottom: 10px;

}





.top-offer {

  padding: 50px 0px 40px 0px !important;

  font-size: 40px !important;

  text-align: center !important;

}





@media only screen and (min-width: 544px) {



  .hero-slide-text {

    text-align: center !important;

    /* width: 30% !important; */

  }



  /* For phone: */

  .card-produit0,

  .card-produit1,

  .card-produit2,

  .card-produit3 {

    height: auto !important;

  }



}







.hh2 {

  margin-top: 2rem !important;

  margin-bottom: 2rem !important;

  border: 0;

  border-top: 1px solid #3a3a3a4d !important;

  height: 0px !important;

}



.domaine a {

  color: #000;

}



.img-marg {

  margin: 120px auto;

}



.cv {

  margin: 50px auto;

}



.img-pdf {

  width: 30%;

}



.box-pdf {

  display: flex;

  align-items: center;

  border: 1px solid #00027d4f;

  padding: 20px 10px;

  border-radius: 10px;

  margin-bottom: 30px;

}





.articles-box {

  border: 1px solid #00027d4f;

  padding: 20px 20px;

  border-radius: 10px;

  margin-bottom: 30px;

}



.articles {

  margin: 50px 30px;

}



.articles-box h4 {

  color: #00027D !important;

}



.nos-clients {

  margin: 50px 30px;



}



.client-hover .bold {

  font-weight: bold;

  color: #00027D;

  text-align: center !important;

}



.client-hover h1 {

  font-size: 50px !important;

}



.client-hover1 h1 {

  font-size: 50px !important;

}



.title-present {

  font-size: 40px !important;

}





@media only screen and (min-width: 768px) {

  .prix-filiale {

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

  }

}



@media only screen and (max-width: 768px) {

  .title-present {

    font-size: 30px !important;

  }



  .mot-dg {

    font-size: 27px !important;

  }



  .implantation {

    font-size: 30px !important;

  }



  .pricing-box .plan {

    font-size: 25px !important;

    font-weight: bold;

  }



  .tarif-contact {

    padding: 0px 10px !important;

  }

}







.client-hover .titre {

  font-size: 20px !important;

}



.client-hover1 .titre {

  font-size: 20px !important;

}



.client-hover {

  color: #00027D;

  height: 113px !important;

  display: flex;

  align-items: center;

  justify-content: center;

}



.client-hover1 {

  background: #00027D !important;

  color: #fff !important;

  /* color: #00027D;

  height: 120px !important; */

}



.client-hover {

  border: 1px solid #00027d4f;

  padding: 20px 20px;

  border-radius: 10px;

  margin-bottom: 30px;

}



.client-hover1 {

  border: 1px solid #00027d4f;

  padding: 20px 20px;

  border-radius: 10px;

  margin-bottom: 30px;

}





.client-hover:hover,

.client-hover:hover .bold {

  background: #00027D !important;

  color: #fff !important;

}



.client-hover1:hover,

.client-hover1:hover .bold {

  background: #00027D !important;

  color: #fff !important;

}



.client-hover:hover .bold {

  border-bottom: 1px solid #FF5A00;

}



/* .login-desk {

  display: none !important;

} */



@media only screen and (min-width: 577px) {

  .login-desk {

    display: block !important;

  }



  .distinction {

    height: 465px !important;

  }

}



/*------------------------------------------------------------------------------------------------------*/



@media only screen and (max-width: 576px) {







  .img-pdf {

    width: 30%;

  }



  .img-marg {

    margin: 40px auto;

  }



  .chiffre h2 {

    font-size: 50px !important;

  }



  .ett img {

    margin-bottom: 30px;

  }



  .hz {

    margin-top: 40px;

  }



  .offre-emploi-card {

    margin: 31px 15px !important;

  }



  .hero-slide-text h2 {

    margin-bottom: 30px;

    font-size: 40px !important;

    font-weight: 600 !important;

  }



  .overlaye {

    position: absolute;

    top: 0;

    left: 15px;

    right: 0;

    background-color: #00027dad;

    overflow: hidden;

    width: 83%;

    height: 72%;

    transform: scale(0);

    transition: .3s ease;

  }



  .avant {

    background: #00027dad;

    border: 0.5px solid #D3D3D3;

    border-radius: 10px;

    padding: 40px 20px;

    /*margin-top: -50px;*/

    display: flex;

    align-items: flex-start;

    margin-bottom: 30px;

    height: auto !important;

  }



  .formation {

    margin: 50px 0px 0px;

  }



  .text {

    color: white;

    font-size: 14px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

  }



  .pays-list a {

    color: #000;

    font-family: 'Libre Baskeville';

    margin-right: 18px;

    display: block;

    margin-bottom: 10px;

  }



  .avant {

    background: #00027dad;

    border: 0.5px solid #D3D3D3;

    border-radius: 10px;

    padding: 30px 20px;

    /* margin-top: -50px; */

    display: flex !important;

    align-items: flex-start !important;

    flex-direction: row !important;

  }



  .distinction {

    height: 300px !important;

  }



  /* 

  .hero-slide-text p {

    width: 80%;

  }



  .hero-slide-text {

    width: 100%;

  } */



  .hero-slide-item {

    padding: 120px 22px 30px;

    color: #fff;

  }





  .img-about {

    margin-bottom: 20px;

  }



  .pad {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }



  .sign {

    padding: 15px 30px;

    background: #FF5A00;

    color: #fff;

    font-size: 13Px;

  }





  .owl-next span,

  .owl-prev span {

    font-size: 20px;

  }



  .owl-next {

    position: absolute;

    top: 19%;

    padding: 10px 22px !important;

    background: #F0F4F9 !important;

    color: #00027d !important;

    right: -30px;

    border-radius: 50px !important;

  }



  .owl-prev {

    position: absolute;

    top: 19%;

    padding: 10px 22px !important;

    background: #F0F4F9 !important;

    color: #00027d !important;

    ;

    left: -30px;

    border-radius: 50px !important;

  }





  .connect-two {

    margin-top: 20px;

    margin-bottom: 20px;

    display: block;

  }





  .navbar-nav {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

    align-items: flex-start !important;

  }





  .navbar-toggler:hover,

  .navbar-toggler:focus {

    text-decoration: none;

    outline: none !important;

  }



  h1 {

    font-family: 'Libre Baskeville', ui-serif;

    font-size: 40px !important;



  }



  h2 {

    font-family: 'Libre Baskeville', ui-serif !important;

    font-size: 40px !important;



  }



  h3 {

    font-family: 'Libre Baskeville', ui-serif !important;

    font-size: 16px !important;



  }



  h4 {

    font-family: 'Libre Baskeville', ui-serif !important;

    /*font-size: 10px !important;*/



  }





  .test-card {

    padding: 30px;

    background: #FFFFFF !important;

    border: 0.5px solid #D3D3D3;

    border-radius: 10px;

    width: 100%;

    margin-bottom: 20px;

  }





  .test-alg {

    display: flex;

    flex-direction: column;

  }



  .top-banner-img h1 {

    padding: 50px 0px;

    font-family: 'Libre Baskeville', ui-serif;

    font-size: 30px !important;

  }



  .bor {

    border-left: none;

  }



  .login-box {

    padding: 20px;

    background-color: #fff;

  }



  .rad {

    display: block !important;

    margin-right: 20px;

  }



  .social {

    display: none;

  }



  .connect {

    display: none;

  }



  .sub-header {

    padding: 10px;

  }



  .bot {

    margin-bottom: 20px;



  }



  .top-banner-img {

    padding: 0px 20px;



  }



  .search {

    padding: 0px 11px;

  }



  .back-search {

    padding: 16px 5px;

  }



  .offre-list-card {

    display: flex;

    flex-direction: column;

  }



  .img-offre {

    border: 0.5px solid #D3D3D3;

    border-radius: 10px 10px 0px 0px;

    width: 100%;

    height: 90px;

  }



  .details-offre {

    width: 100%;

    padding: 0px 0px 20px 10px;

    margin: auto;

  }



  .details-offre-details {

    width: 100%;

    padding: 0px 0px 20px 20px;

    margin: auto;

    display: inline-block;

    /* top: 0; */

  }



  .img-offre-details {

    width: 100%;

  }



}





.disposition {

  display: table-cell;

  vertical-align: bottom;

  padding: 174px 20px 30px 20px;

}



/*--------------------------------------------------------------------------------------------------------*/



@media only screen and (max-width: 766px) {

  .bor {

    border-left: none;

  }



  .connect,

  .social {

    display: none;

  }





  .test-alg {

    display: flex;

    flex-direction: column;

  }



  .avant {

    background: #00027dad;

    border: 0.5px solid #D3D3D3;

    border-radius: 10px;

    padding: 30px 20px;

    /* margin-top: -50px; */

    display: flex;

    align-items: flex-start;

    flex-direction: column;

  }



}



.card-product {

  height: 300px;

}



.card-product h1 {

  color: white;

  font-weight: bold;

  font-size: 20px !important;

}



.card-product p {

  color: white;

  font-size: 16px;

}



.direction {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  align-content: stretch;

  justify-content: center;

}





/* .fjCRKo {

  position: relative;

  display: flex;

  flex-direction: column;

  -webkit-box-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  align-items: center;

  height: 28.125rem;

  text-align: center;

  color: rgb(255, 255, 255);

} */



.fjCRKo {

  position: relative;

  display: flex;

  flex-direction: column-reverse;

  -webkit-box-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  align-items: center;

  height: 26.125rem;

  text-align: center;

  color: rgb(255, 255, 255);

}



.fjCRKo::after {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  content: " ";

}



.fjCRKo1 {

  position: relative;

  display: flex;

  flex-direction: column-reverse;

  -webkit-box-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  align-items: center;

  height: 20.125rem;

  text-align: center;

  color: rgb(255, 255, 255);

}



.fjCRKo1::after {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  content: " ";

}



.llrJEY {

  object-fit: cover;

  width: 100%;

  height: 100%;

}



.fjCRKo .sc-1rpwfyc-0 {

  position: absolute;

  z-index: 2;

}



.iMiWpR {

  min-width: 0px;

  width: 100%;

  max-width: 56rem;

  margin: 0px auto;

  padding: 0px 1.25rem;

  position: initial;

}



.ezBbTx {

  display: block;

  min-width: fit-content;

}



.kuChbw {

  display: block;

  width: 3.125rem;

  height: 3.125rem;

  overflow: hidden;

  margin: 0px auto;

}



.iehcjE {

  margin: 0.9375rem 0px;

  text-align: center;

  font-family: welcome-font, sans-serif;

  font-weight: 600;

  font-size: 35px !important;

  line-height: 1.2;

  text-transform: uppercase;

  color: rgb(255, 255, 255);

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  justify-content: center;

}



.gWQoEO {

  position: relative;

  width: 100%;

  height: 100%;

}



.gBEvFY {

  display: block;

  width: 100%;

  height: 100%;

}



.jsHMkb {

  margin-bottom: 1.875rem;

  font-family: welcome-font, sans-serif;

  font-weight: 600;

  font-size: 2.8125rem !important;

  line-height: 1.2;

  text-align: center;

}



.kQXuzS {

  display: flex;

  flex-flow: row wrap;

  margin-bottom: -0.375rem;

  font-weight: 400;

  font-size: 0.875rem;

  line-height: 1.3;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  justify-content: center;

  color: rgb(255, 255, 255);

}



ol,

ul {

  list-style: none;

}



.kQXuzS .sc-16yjgsd-0 {

  display: inline-flex;

  margin: 0px 0.5rem 0.375rem;

}



.dalnlt {

  font-weight: 400;

  line-height: 1.3;

  max-width: 100%;

  -webkit-box-align: center;

  align-items: center;

  font-size: inherit;

  display: flex;

  flex: 0 0 auto;

}





.details {

  flex-direction: row;

  display: flex;

  align-items: flex-start;

  -webkit-box-pack: center;

  justify-content: center;

}



@media (max-width: 1280px) {

  .side-left {

    margin-right: 1.5rem;

  }

}



.side-left {

  position: sticky;

  flex-shrink: 0;

  width: 13.75rem;

  top: 7rem;

  bottom: 4rem;

  padding-top: 1.875rem;

  padding-bottom: 4rem;

  z-index: 10;

  /* margin-right: 6.875rem;

  margin-left: 1.5rem; */

}



.centre {

  min-width: 0px px;

  width: 100%;

  max-width: 40rem;

  margin: 0px;

  padding: 0px 1.25rem;

  position: initial;

}



.centre h2 {

  font-family: welcome-font, sans-serif;

  font-weight: 600;

  font-size: 2.625rem !important;

  line-height: 1.2;

  /* padding-left: 35px; */

  padding-bottom: 0.625rem;

  border-bottom: 1px solid rgb(229, 229, 229);

}



.centre .description {

  font-weight: 400 !important;

  font-size: 1.125rem !important;

  line-height: 1.5em !important;

}



@media (max-width: 1280px) {

  .side-right {

    margin-left: 1.5rem;

  }

}



.side-right {

  position: sticky;

  flex-shrink: 0;

  width: 13.75rem;

  top: 7rem;

  bottom: 4rem;

  padding-top: 1.875rem;

  padding-bottom: 4rem;

  z-index: 10;

  /* margin-right: 1.5rem;

  margin-left: 6.875rem; */

}





@media (min-width: 736px) {

  .cSdAHX {

    margin-top: 3.125rem;

    margin-bottom: 3.125rem;

  }

}



.cSdAHX {

  background-color: rgb(255, 255, 255);

  border-radius: 0px;

  border-style: solid;

  border-width: 1px;

  border-color: rgb(229, 229, 229);

  overflow: hidden;

  color: rgb(76, 76, 76);

  background-size: cover;

  background-position: center center;

  margin-top: 1.875rem;

  margin-bottom: 1.875rem;

}



.lpnMrS {

  color: rgb(0, 0, 0);

  padding: 1.875rem;

  text-align: center;

}



@media (min-width: 736px) {

  .WAZcM {

    margin-top: 3.125rem;

    margin-bottom: 3.125rem;

  }

}



.WAZcM {

  margin-top: 1.875rem;

  margin-bottom: 1.875rem;

}







label {

  /* font-weight: 500 !important; */

  margin-bottom: -0.5rem !important;

}



td {

  /* text-transform: uppercase !important; */

  /* font-weight: 500 !important; */

  font-size: 12px !important;



}





.hIbyGl {

  color: white;

  font-size: 0.75rem;

  font-weight: 600;

  letter-spacing: 0px;

  border-radius: 0px;

  background-color: #FF5A00;

  border-color: #FF5A00;

  position: relative;

  display: inline-flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  justify-content: center;

  height: 2.125rem;

  padding: 0px 0.75rem;

  text-decoration: none;

  text-align: center;

  white-space: nowrap;

  cursor: pointer;

  border-width: 1px;

  border-style: solid;

  appearance: none;

  overflow: hidden;

  transition: all 300ms ease 0s;

  width: auto;

  outline: none !important;

}



.emWsbY {

  margin-bottom: 1.25rem;

  padding-bottom: 1.25rem;

  border-bottom: 1px solid rgb(229, 229, 229);

}



.Jfzsf {

  margin-bottom: 0.625rem;

  font-family: welcome-font, sans-serif;

  font-weight: 500;

  font-size: 0.6875rem;

  line-height: 1.2;

  text-transform: uppercase;

  color: rgb(76, 76, 76);

}



.ezBbTx {

  display: block;

  min-width: fit-content;

}



.iuiJPo {

  display: block;

  width: 1.875rem;

  height: 1.875rem;

  overflow: hidden;

  margin-bottom: 0.625rem;

}



.fmXfcH {

  margin-bottom: 0.625rem;

  font-family: welcome-font, sans-serif;

  font-weight: 600;

  font-size: 1.25rem;

  line-height: 1.2;

  color: rgb(0, 0, 0);

  transition: color 300ms ease 0s;

}



.iKvuCl {

  display: flex;

  flex-flow: column wrap;

  margin-bottom: -0.375rem;

  font-weight: 400;

  font-size: 0.875rem;

  line-height: 1.3;

  align-items: flex-start;

  -webkit-box-pack: start;

  justify-content: flex-start;

  color: rgb(76, 76, 76);

}



.iKvuCl .sc-16yjgsd-0 {

  margin: 0px 0.75rem 0.375rem 0px;

}



.iKvuCl .sc-16yjgsd-0 {

  align-items: flex-start;

  margin-left: 0px;

  margin-right: 0px;

}



.dalnlt {

  font-weight: 400;

  line-height: 1.3;

  max-width: 100%;

  -webkit-box-align: center;

  align-items: center;

  font-size: inherit;

  display: flex;

  flex: 0 0 auto;

}



.emWsbY:last-child {

  margin-bottom: 0px;

  padding-bottom: 0px;

  border-bottom: none;

}



.emWsbY {

  margin-bottom: 1.25rem;

  padding-bottom: 1.25rem;

  border-bottom: 1px solid rgb(229, 229, 229);

}



.Jfzsf {

  margin-bottom: 0.625rem;

  font-family: welcome-font, sans-serif;

  font-weight: 500;

  font-size: 0.6875rem;

  line-height: 1.2;

  text-transform: uppercase;

  color: rgb(76, 76, 76);

}



.ZfceX {

  margin-bottom: 0.625rem;

  font-family: welcome-font, sans-serif;

  font-weight: 600;

  font-size: 1.25rem;

  line-height: 1.2;

}



.foCbCT {

  display: flex;

  flex-flow: column wrap;

  margin-bottom: -0.375rem;

  font-weight: 400;

  font-size: 0.875rem;

  line-height: 1.3;

  align-items: flex-start;

  -webkit-box-pack: start;

  justify-content: flex-start;

  color: rgb(76, 76, 76);

}



.foCbCT .sc-16yjgsd-0 {

  margin: 0px 0.75rem 0.375rem 0px;

}



.foCbCT .sc-16yjgsd-0 {

  align-items: flex-start;

  margin-left: 0px;

  margin-right: 0px;

}



.dalnlt {

  font-weight: 400;

  line-height: 1.3;

  max-width: 100%;

  -webkit-box-align: center;

  align-items: center;

  font-size: inherit;

  display: flex;

  flex: 0 0 auto;

}



.foCbCT .sc-16yjgsd-1 {

  width: 12px;

  flex: 0 0 auto;

  padding-top: 2px;

}



.hAHnJj {

  display: inline-flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  justify-content: center;

  margin-right: 0.625rem;

  flex-shrink: 0;

}



.offres-page {

  position: relative;

  background-color: rgb(246, 243, 239);





}



.banner-offre {

  background-color: rgb(239, 234, 228);

  padding: 3.125rem 0px 2.25rem;

}



.banner-form {

  padding: 3.125rem 0px 2.25rem;

  max-width: 64.3125rem;

  margin: 0px auto;



}



.banner-title {

  width: 100%;

  text-align: center;

  font-family: welcome-font, sans-serif;

  font-size: 1.25rem;

  line-height: 1.2;

  font-weight: 600;

  margin-bottom: 0.75rem;

}



.list-offer-title {

  font-weight: 700;

  font-size: 18px !important;

  line-height: 23px;

  color: rgb(61, 36, 98);

  text-decoration: none;

  display: -webkit-box;

  font-family: "Proxima Nova SemiBold", Helvetica, Arial, sans-serif;

  overflow: hidden;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.entreprise-name {

  font-weight: 400;

  font-size: 16px !important;

  line-height: 24px;

  color: rgb(0 2 125);

  font-family: "Proxima Nova SemiBold", Helvetica, Arial, sans-serif;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.entreprise-adresse {

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: #000;

  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;

  text-transform: capitalize;

  display: flex;

  -webkit-box-pack: justify;

  justify-content: space-between;

}



.page-back-offre {

  background-color: rgb(246, 243, 239) !important;

}



@media (min-width: 1200px) {



  .form-ban {

    max-width: 836px !important;

  }

}



.paginate-head {

  display: flex;

  flex-wrap: wrap;

  flex-direction: row-reverse;

  align-content: space-around;

  justify-content: flex-end;

  align-items: baseline;

}



.paginate-bottom {

  display: flex;

  align-items: baseline;

  flex-direction: row;

  justify-content: flex-start;

}



@media screen and (min-width: 768px) {

  .content-simpleexplainer .explainer {

    align-items: center;

    flex-direction: row;

    justify-content: center;

    padding: 0;

    width: 100%;

    display: flex;

  }

}



@media screen and (min-width: 768px) {

  .content-simpleexplainer .explainer .text-wrapper {

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    text-align: left;

    width: 50%;

  }

}



.page-number {

  display: flex;

  flex-direction: row-reverse;

  flex-wrap: nowrap;

  align-content: center;

  justify-content: flex-end;

  align-items: baseline;

}



.list-check {

  margin-right: 7px;

  width: 20px !important;



}



.card-img-top {

  padding: 20px !important;

}



.grid.with-no-gutter {

  grid-gap: 0;

}



.grid.with-2-col {

  grid-template-columns: repeat(2, 1fr);

}



.grid {

  grid-gap: 1.5rem;

  display: grid;

}



.form-section-info .section-inner {

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 8rem 0;

}



.bg-gray {

  background-color: #f6f3ef;

}



.form-section-info {

  padding: 0;

}



.form-section-info .section-form {

  padding: 7rem 0;

}



.bg-white {

  background-color: #fff;

}



.account-form {

  display: -ms-flexbox;

  display: flex !important;

  -ms-flex-wrap: wrap !important;

  flex-wrap: wrap !important;

  margin-right: -15px !important;

  margin-left: -15px !important;

  flex-direction: row !important;

  align-content: space-between !important;

  justify-content: space-around !important;

  align-items: baseline !important;

}



.titre-profil {

  font-size: 50px;

  color: #00027D !important;

}



.list-color {

  color: #fff !important;

}



.flex-custom {

  display: flex !important;

  flex-wrap: wrap !important;

  flex-direction: row !important;

  justify-content: space-between !important;

}



.customize-link {

  /* background-color: #00027D; */

  color: #00027D;

  width: 300px !important;

  border: 1px solid #220bab;

  margin: 8px;

  padding: 8px;

  font-size: 14px;

  transition: background-color 500ms;

  font-weight: 500;

  border-radius: 5px;

  letter-spacing: .8px;

  text-transform: uppercase;

  text-decoration: none;

}



.customize-link1 {

  /* background-color: #00027D; */

  color: #00027D;

  width: auto !important;

  border: 1px solid #220bab;

  margin: 8px;

  padding: 8px;

  font-size: 14px;

  transition: background-color 500ms;

  font-weight: 500;

  border-radius: 5px;

  letter-spacing: .8px;

  text-transform: uppercase;

  text-decoration: none;

}



.customize-link2 {

  /* background-color: #00027D; */

  display: flex !important;

  color: #FF5A00;

  width: auto !important;

  border: 1px solid #FF5A00;

  margin: 8px;

  padding: 8px;

  font-size: 18px !important;

  transition: background-color 500ms;

  /* font-weight: 500; */

  border-radius: 5px;

  letter-spacing: .8px;

  text-transform: uppercase;

  text-decoration: none;

}



.customize-link1:hover {

  background-color: #FF5A00;

  color: #fff;

  width: auto !important;

  border: 1px solid #FF5A00;

  margin: 8px;

  padding: 8px;

  font-size: 14px;

  transition: background-color 500ms;

  font-weight: 500;

  border-radius: 5px;

  letter-spacing: .8px;

  text-transform: uppercase;

  text-decoration: none;

}



.customize-link:hover {

  background-color: #FF5A00;

  color: #fff;

  width: 300px !important;

  border: 1px solid #FF5A00;

  margin: 8px;

  padding: 8px;

  font-size: 14px;

  transition: background-color 500ms;

  font-weight: 500;

  border-radius: 5px;

  letter-spacing: .8px;

  text-transform: uppercase;

  text-decoration: none;

}



.link-parent {

  display: flex;

  padding: 16px;

  overflow-x: hidden;

  flex-direction: column;

}



.sauvegardes {

  /* margin: 4px, 4px; */

  /* padding: 4px; */

  width: 100%;

  height: 400px;

  overflow-x: hidden;

  /* overflow: auto; */

  overflow: hidden;

  text-align: justify;

  position: relative;

}



.sauvegardes-child {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: -17px;

  /* Increase/Decrease this value for cross-browser compatibility */

  overflow-y: scroll;

}







/* counter admin dashboard */



.p-y-2 {

  padding-top: 10px;

  padding-bottom: 10px;

}



.p-y-3 {

  padding-top: 45px;

  padding-bottom: 45px;

}



.m-b-1 {

  margin-bottom: 18px;

}



.m-t-1 {

  margin-top: 18px;

}



.main_counter_area {



  background-size: cover;

  overflow: hidden;

}



.main_counter_area .main_counter_content .single_counter {

  /* background: #000000; */

  color: #00027D;

  border-radius: 0.25rem;

  box-shadow: rgb(0 0 0 / 10%) 0px -1px 1px 0px, rgb(0 0 0 / 10%) 1px 0px 1px 0px, rgb(0 0 0 / 10%) -1px 0px 1px 0px, rgb(0 0 0 / 10%) 0px 1px 1px 0px;

}



/* .main_counter_area .main_counter_content .single_counter:hover {

  background: #00027D;

  color: #fff !important;

  border-radius: 0.25rem;

  box-shadow: rgb(0 0 0 / 10%) 0px -1px 1px 0px, rgb(0 0 0 / 10%) 1px 0px 1px 0px, rgb(0 0 0 / 10%) -1px 0px 1px 0px, rgb(0 0 0 / 10%) 0px 1px 1px 0px;

} */



.main_counter_area .main_counter_content .single_counter i {

  font-size: 36px;

}



.main_counter_area .main_counter_content .single_counter h2 {

  font-size: 20PX !important;

}



/* accordéon */

[data-toggle="collapse"] i:before {

  content: "\f068";

}



[data-toggle="collapse"].collapsed i:before {

  content: "\f067";

}





#accordion .card-header {

  margin-bottom: 8px;

}



.accordion-title {

  position: relative;

  display: block;

  padding: 8px 0 8px 50px;

  background: #213744;

  border-radius: 8px;

  overflow: hidden;

  text-decoration: none;

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  width: 100%;

  text-align: left;

  transition: all .4s ease-in-out;

}



.accordion-titles i {

  position: absolute;

  width: 40px;

  height: 100%;

  left: 0;

  top: 0;

  color: #fff;

  background: radial-gradient(rgba(#213744, .8), #213744);

  text-align: center;

  border-right: 1px solid transparent;

}



.accordion-title i:hover {

  padding-left: 60px;

  background: #213744;

  color: #fff;

}



.accordion-title i:hover i {

  border-right: 1px solid #fff;

}





.accordion-body {

  padding: 40px 55px;

}



.accordion-body ul {

  list-style: none;

  margin-left: 0;

  padding-left: 0;

}



.accordion-body li {

  padding-left: 1.2rem;

  text-indent: -1.2rem;

}



.accordion-body li:before {

  content: "\f10a";

  padding-right: 5px;

  font-family: "Flaticon";

  font-size: 16px;

  font-style: normal;

  color: #213744;

}