body{margin:0px;padding:0px;font-family:'Nunito Sans', sans-serif !important;}


/***********Container fluid********/


.path-frontpage .procedure-section .container-fluid, .path-frontpage .map-section .container-fluid{   padding-right: 15px;padding-left: 15px;}
 .container-fluid{   padding-right: 30px;padding-left: 30px;}

/***********Container fluid********/


/*********************HEADER-SECTION-START-HERE****************************/
.header{position:relative;}
.header nav.navbar{position:absolute !important;z-index:4;width:100%;padding:30px 0px 30px 0px; transition: 0.5s all ease;}
.header .container-fluid{display:inline-block;}
ul.navbar-nav{display:inline-block;text-align:right;width:100%;}
ul.navbar-nav li{display:inline-block;padding:0px 15px;}
ul.navbar-nav li:last-child{padding-right: 0px;}
.navbar-dark .navbar-nav a.nav-link{color:#fff !important;font-size:14px;text-transform:uppercase;font-weight:600;}
.navbar-dark .navbar-nav a.nav-link:hover{color:#69b870 !important;}
.navbar-dark .navbar-nav a.nav-link.button{border:1px solid #fff;border-radius:20px;padding:7px 30px;width:156px;text-align:center;background-color:transparent;}
.navbar-dark .navbar-nav a.nav-link.button:hover{background-color:#fff;}
.navigation-area{padding:20px 0px;}
nav.navbar.navbar-expand-md.navbar-dark.fixed-header {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
	background: rgba(0,0,0,0.3);
	padding: 10px 0;
}
.path-node nav.navbar.navbar-expand-md.navbar-dark.fixed-header {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
	background: rgb(255,255,255);
	padding: 10px 0;
} 
.node15.path-node nav.navbar.navbar-expand-md.navbar-dark.fixed-header {
	padding: 10px 22px;
}
/*********************HEADER-SECTION-END-HERE****************************/




/*********************CAROUSEL-SECTION-START-HERE****************************/
.carousel-inner .carousel-caption{position:absolute;bottom:17%;left:2%;width:100%;max-width:518px;text-align:left;}
.carousel-caption h1{font-size:50px;font-weight:900;}
.carousel-caption p{font-size:18px;color:#fff;margin-top:20px;padding:0px 92px 0px 0px;margin-bottom:45px;}
.carousel-caption a{border:1px solid #fff;padding:8px 32px;border-radius:27px;background-color:#fff;color:#000000;font-weight:900;text-decoration:none;}
.carousel-caption a:hover{border:1px solid #fff;background-color:transparent;color:#fff;}
.carousel-section a.carousel-control-prev{display:none;}
.carousel-section a.carousel-control-next{display:none;}
.carousel-section .carousel-indicators{position:absolute;bottom:82px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:3%;list-style:none;right:auto !important;}
.carousel-section .carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:12px;height:12px;margin-right:24px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:transparent;border-radius:20px; border: 1px solid #fff;}
.carousel-section .carousel-indicators li.active { background: #fff;}
.carousel-item::before {
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
}
/*********************CAROUSEL-SECTION-END-HERE****************************/





/*********************PROCEDURE-SECTION-START-HERE****************************/
.no-padding{padding-left:0px;padding-right:0px;}
.procedure-image-area{position:relative;}
.procedure-image-area img.img-fluid{width:100%;}
.procedure-image-area p{position:absolute;background-color:#69b870d1;width:100%;bottom:-16px;padding:14px 44px;font-size:30px;color:#fff;font-weight:800;text-transform:uppercase;}
.procedure-image-area:hover p{display:none;}
.procedure-image-area{position:relative;width:100%;}
.procedure-image-area .image{display:block;width:100%;height:auto;}
.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:rgb(0 0 0 / 45%);}
.procedure-image-area:hover .overlay{opacity:1;}
.procedure-image-area .overlay .text{color:#000;font-size:16px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;background-color:#fff;padding:8px 32px;border-radius:24px;text-transform:uppercase;font-weight:900;line-height:20px;}
/*********************PROCEDURE-SECTION-END-HERE****************************/




/*********************ACTUALITE-SECTION-START-HERE****************************/
.actualite-section{padding:60px 0px;}
.tout-button{position:relative;top:-7px;margin-left:17px;}
.tout-button a{background-color:#000;color:#fff !important;padding:10px 49px;border-radius:22px;font-size:14px;font-weight:700;}
.inline{display:inline-block;}
.actualite-images img.img-fluid{width:100%;min-height: 200px;max-height: 300px; object-fit: cover;}
.actualite-grren-text{background-color:#57b161;padding:25px 22px;}
.actualite-grren-text h5{font-size:18px;color:#fff;font-weight:800;}
.actualite-grren-text h6{color:#000100;font-size:15px;font-weight:800;}
.actualite-grren-text a{font-size:14px;color:#000;background-color:#fff;font-weight:800;text-transform:uppercase;padding:10px 33px;border-radius:19px;text-decoration:none;margin-top:3px;display:inline-block;}
.actualite-grren-text a:hover{background-color:#000;color:#fff;}
.actualite-margin{margin-top:15px;}

.actualite-section .col-md-6.col-sm-12.swiper-slide.swiper-slide-active { padding: 0px;}
.actualite-section .col-md-6.col-sm-12.swiper-slide.swiper-slide-next {
    padding-right: 0px;
}
/*********************ACTUALITE-SECTION-END-HERE****************************/




/*********************LOGO-SECTION-START-HERE****************************/
.logo-section{padding:0px 0px 60px 0px;}
.heading-text h3{color:#759b65;font-size:35px;font-weight:800;}

.logo-section .swiper-slide{margin-right: 0px !important;}

.logo-section .swiper-button-prev { left:0px !important }
.logo-section .swiper-button-next { right:0px !important }
/*********************PROCEDURE-SECTION-END-HERE****************************/



/*********************FOOTER-SECTION-START-HERE****************************/
.footer-section {background-image: url(../images/footer-bg.png);  background-repeat: no-repeat;   background-size: cover; background-position: center;}
.footer-inner {  padding-top: 217px; padding-bottom: 50px;}
.footer-navigation h4 { font-size: 18px;font-weight: 800;   color: rgb(255 255 255 / 38%);letter-spacing: 3px;}
.footer-navigation.green-text h4 {   position: relative;  margin-top: 0px;}
.footer-navigation ul { padding: 0px; margin: 0px; list-style: none; }
.footer-navigation ul li ,.FooterLine__item a { padding: 10px 0px; line-height: 18px;}
.social-icons ul li { padding: 7px 0px;}
.footer-navigation ul li a, .FooterLine__item a { font-size: 14px; text-decoration: none; text-transform: uppercase; font-weight: 800; color: #fff; }
.footer-navigation.green-text ul li a {  color: #7bb676; text-transform: inherit;}
.footer-navigation.green-text ul li a:hover{color: #fff;}
.footer-navigation ul li a i  { color: #fff; font-size: 30px; margin-right: 10px;position: relative; top: 7px;}
.footer-navigation ul li a i:hover , .FooterLine__item a:hover{color: #7bb676;}
.footer-navigation.white-text ul li a  {  color: #fff;}
.footer-navigation ul li a:hover{color:#7bb676;}
.footer-inner .row-setting .col-md-2 {  width: 100%; max-width: 18% !important; flex: 18%;}
.footer-inner .row-setting .col-md-2.custom-col-one {  width: 100%; max-width: 14% !important; flex: 14% !important;}
.footer-inner .row-setting .col-md-2.custom-col-four { max-width: 31% !important; flex: 30% !important;}
.FooterLine__item { margin-top: 20px; }
/*********************FOOTER-SECTION-END-HERE****************************/




/*********************CIPY-RIGHT-SECTION-START-HERE****************************/
.copy-right-section { background-color: #000; padding: 17px 20px;}
.copy-right-text p {font-size: 14px; color: rgb(255 255 255 / 67%); text-align: center; margin-left: 145px;}
.copy-right-text-2 p {   font-size: 14px;  color: rgb(255 255 255 / 67%); text-align: center;}
.copy-right-text-3 p {   font-size: 14px;  color: rgb(255 255 255 / 67%); text-align: right;}
/*********************CIPY-RIGHT-SECTION-END-HERE****************************/

.displayNone{display: none !important;}

@media (max-width:767px){
.row {   overflow: hidden;}
.header nav.navbar{position: inherit !important;  padding: 15px 15px;margin-bottom: 0px !important;background-color: #000;}	
.navbar-dark .navbar-toggler{    float: right;}
.navbar-dark .navbar-brand { color: #fff; width: 70%;}	
ul.navbar-nav li {  display: inline-block; padding: 0px 20px;  text-align: center;  width: 100%;}
.navbar-dark .navbar-nav a.nav-link.button { border: 1px solid #fff; border-radius: 20px; padding: 7px 35px; width: 100%; text-align: center; background-color: transparent; max-width: 156px; margin: 0 auto; }
.navigation-area {  padding: 0px;}

/* .mobile-toggel-content {position: absolute;  margin-top: 79px;} */
ul.navbar-nav {background-color: #57b161; padding: 28px 10px 30px 10px!important;}
.navbar-dark .navbar-nav a.nav-link{font-weight: 800;}
.carousel-caption p{  margin-bottom: 18px;  margin-top: 0px;   font-size: 11px;   line-height: 14px;     padding: 0px 5px;  width: 100%;}
.carousel-inner .carousel-caption { bottom: inherit;  top: -3%;  max-width: 100%;}
.carousel-caption h1 { font-size: 18px; line-height: 18px;}
.inline { display: block;}
.heading-text h3{    font-size: 30px;text-align: center;}
.tout-button {  position: relative;  top: -7px;margin-left: 17px;  text-align: center;   margin-top: 23px;}
.actualite-grren-text h5{    text-align: center;}
.actualite-grren-text h6{ text-align: center;}
.actualite-grren-text a { display: block; width: 100%; max-width: 130px; margin: 0 auto; text-align: center; }
.logo-text { text-align: center;}
.logo-section {  padding: 0px 0px 0px 0px;}
.footer-inner .row-setting .col-md-2.custom-col-one {  width: 100%;   max-width: 100% !important;flex: 100% !important;}
.footer-inner .row-setting .col-md-2 {  width: 100%;  max-width: 100% !important; flex: 100%;}
.footer-inner .row-setting .col-md-2.custom-col-four { max-width: 100% !important; flex: 100% !important;}
.row-setting{    text-align: center;}
.footer-navigation.green-text h4 {  margin-top: 0px;}
.row-setting .col-md-2 { margin-bottom: 32px;}
.footer-navigation ul li a{    font-size: 16px;}
.footer-inner{padding-bottom: 1px;}
.copy-right-text p{ text-align: center;    margin-left: 0px;}
.footer-section{    background-image: none; background-color:#000;}
.footer-inner { padding-top: 50px; }
/* .carousel-section .carousel-indicators{display:none;} */
.carousel-section .carousel-indicators {  bottom: 0px;}
#block-nui-page-title h1 {font-size: 34px !important;}
.breadcrump-section{padding-top: 10px;}
.logo-section .swiper-slide{margin-right: 20px !important;}


}


@media (min-width: 500px) and (max-width:767px){
.carousel-inner .carousel-caption { bottom: 16%; padding: 0px 19% 0px 0px;}

}
@media (min-width: 768px) and (max-width:991px){
.carousel-inner .carousel-caption{bottom: 0%;}
.carousel-caption h1 {font-size: 37px;}
.carousel-caption p{  margin-top: 12px; line-height: 20px;  font-size: 16px;}
ul.navbar-nav{       text-align: right;}
ul.navbar-nav li {  padding: 0px 1px;}
.navigation-area {  padding: 2px 0px;}
.navbar-dark .navbar-nav a.nav-link{padding: 0px 2px;}
.navbar-dark .navbar-nav a.nav-link.button { padding: 7px 17px;  width: 141px;}

.row-setting { text-align: center;}
.row-setting .col-md-2 {  margin-bottom: 32px;}
.footer-inner .row-setting .col-md-2.custom-col-one { width: 100%;   max-width: 50% !important;  flex: 50% !important;}
.footer-inner .row-setting .col-md-2 { width: 100%;  max-width: 50% !important; flex: 50% !important;}
.footer-inner .row-setting .col-md-2.custom-col-four { width: 100%;  max-width: 50% !important; flex: 50% !important;}
.footer-navigation.green-text h4 { position: relative;  margin-top: 0px;}
.footer-section{    background-image: none; background-color:#000;}
.footer-inner { padding-top: 50px; }
.copy-right-text p{ text-align: center;}
}

@media (min-width: 992px) and (max-width:1199px){
ul.navbar-nav li { display: inline-block; padding: 0px 8px;}
.carousel-section .carousel-indicators { bottom: 50px;}
.carousel-inner .carousel-caption{bottom: 7%;}	
.actualite-grren-text h5 { font-size: 16px;}
.footer-navigation h4{    font-size: 22px;}
.footer-navigation ul li a {font-size: 16px;}
.footer-navigation.green-text h4 {  position: relative;   margin-top: -29px;}
}

@media (min-width: 1199px) and (max-width:1250px){

.copy-right-text p{text-align: inherit;margin-left: 146px;}

}



.logo-text {
    text-align: center !important;
}

.swiper-button-next {
    right: 30px !important;
    left: auto !important;
    color: #fff !important;
   }
.swiper-button-prev {
    left: 30px  !important;
    right: auto !important;
    color: #fff !important;
}
      

.colorblack {
    color: #000 !important;
}



/*********************INNER-PAGE-START-HERE****************************/
.header nav.navbar.inner-page-nav { position: relative !important;/* background-color: #fff; */}
.navbar-dark.inner-page-nav  .navbar-nav a.nav-link.button{    background-color: #57b161 !important;color: #fff !important;}
.navbar-dark.inner-page-nav .navbar-nav a.nav-link {color: #57b161 !important;font-weight: 800;}
.breadcrump-section .heading-text p {  color: #57b161; font-size: 12px; font-weight: 900;  text-transform: uppercase;}
.breadcrump-section{margin-bottom: 35px;}
.bottom-print-social.breadcrump-section{margin-bottom: 0px;    margin-top: 40px;}


.breadcrumb{background-color: transparent;padding: 0px;}
.breadcrumb li {  color: #b7b7b7; font-size: 12px; font-weight: 900;  text-transform: uppercase;}
.breadcrumb li a{  color: #57b161; font-size: 12px; font-weight: 900;  text-transform: uppercase;}

.breadcrump-section .heading-text p span { color: #b7b7b7;}
.partager-text p{ color: #57b161; font-size: 12px; font-weight: 900;  text-transform: uppercase;margin-top:4px;}
.partager-text span{ color: #57b161; font-size: 12px; font-weight: 900;  text-transform: uppercase;}
.partager-text #block-addtoanybuttons{ display:inline-block}
.partager-text p i { color: #000; font-size: 15px; margin-left: 8px; }





.presentation-section { padding: 22px 0px 35px 0px; }
.partager-text h2 {  font-size: 52px; text-transform: uppercase; font-weight: 900; color: #57b161;}
.description-section .heading-text h4 {color: #000; font-size: 30px;  font-weight: 900;margin-bottom: 20px;}
.lady-with-mask img.img-fluid { width: 100%;}
.lady-with-mask p { color: #4f4f4f; font-size: 16px; margin-top: 30px;}
.lady-with-mask p.second-paragraph{margin-top: 15px !important;}


.lady-with-mask h5 { font-size: 30px; font-weight: 900; color: #000; }
.lady-with-mask p p.second-paragraph {  margin-top: 20px;}

.photo-gallery-section .heading-text h3 { font-size: 35px; font-weight: 900;  margin-top: 60px;   color: #57b161;}
.gallery-image-text {  position: relative;    width: 100%;}
.gallery-image-text img.camera { display: none;}
.gallery-image-text:hover img.camera{  display: block;     position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.gallery-image-text img.main-image {  width: 100%;}
.black-overlay {  background-color: #000; position: absolute; top: 0; bottom: 0;  left: 0;   right: 0;  height: 100%;   width: 100%;   opacity: 0;  transition: .5s ease; background-color: rgb(0 0 0 / 33%);}
.gallery-image-text:hover .black-overlay{  opacity: 1;}


.partager-text p.date {   color: #000; font-size: 28px;font-weight: 800;font-style: italic; text-transform: inherit;}

@media (min-width: 320px) and (max-width:767px){
.partager-text h2 { font-size: 36px;}
}
@media (min-width: 768px) and (max-width:991px){
.photo-gallery-section {  margin-bottom: 31px;}
}
/*********************INNER-PAGE-END-HERE****************************/

/***************Custom More css*****************/
#block-nui-page-title{padding: 0px 30px 15px 30px;}
#block-nui-page-title h1{font-size: 52px;text-transform: uppercase;font-weight: 900;color: #57b161;} 
    /***************Custom More css*****************/



/*********************CONTACT-PAGE-START-HERE****************************/
/*.description{display: none;}*/

.node15{background-color: #e6e6e6;}
 .header{background-color: #fff;}
 .contact-form-address #block-nui-page-title{display: none;}
.node15 #block-nui-breadcrumbs{padding: 20px 0px; }
.contact-page-header { background-color: #ffff;}
/* .header.contact-page-header  nav.navbar { padding: 20px 150px 15px 15px;} */
#contact-body {  background-color: #e6e6e6;}
#contact-body .presentation-section {padding: 22px 0px 0px 0px;}
.contact-form-section{margin-bottom: 55px;}
.contact-form-area .form-group .form-control { height: 50px;  border-radius: 0px;background-color: whitesmoke; color: #4f4f4f;font-size: 16px;    border: 0px;}
::placeholder { color: #4f4f4f !important; font-weight: 700;}
.contact-form-area .form-group {  margin-bottom: 10px;}
.contact-form-area .form-group textarea { width: 100%;    border: 0px;height: 200px !important; resize: inherit;}
.contact-text .partager-text p.documents-text {text-align: left; color: #4f4f4f; font-size: 16px;font-weight: 700; margin-top: 30px; text-transform: inherit; margin-bottom: 0px;}
.contact-form-area form button.btn.btn-primary { background-color: #000000; border: 0px; padding: 14px 44px; border-radius: 23px; font-size: 14px; font-weight: 800; line-height: 13px; text-transform: uppercase;}
.contact-form-area form button.btn.btn-primary:hover{background-color: #6eaf69;}
.presentation-section.contact-text { padding: 22px 0px 10px 0px;}
.contact-form-address { background-color: #57b161; height: 452px;padding: 20px;}
.contact-form-address-area { }
.contact-form-address-area p { font-size: 18px; font-weight: 800; color: #fff; width: 100%; max-width: 226px; margin: 0 auto; text-align: center; }
.contact-form-address-area-bottom {  text-align: center;       padding-top: 23px;}
.contact-form-address-area-bottom h6 { font-size: 18px;text-transform: uppercase; font-weight: 900;color: #fff;   margin-bottom: 0px;}
.contact-form-address-area-bottom ul { padding: 0px; margin: 0px; list-style: none; }
.contact-form-address-area-bottom ul li.direction a { font-size: 16px; color: #000100; font-weight: 900; padding: 0px 13px;display: inline-block; line-height: 18px;}
.contact-form-address-area-bottom ul li.direction.avenue { margin-top: 10px;}
@media (min-width:320px) and (max-width:767px){
.contact-form-area {  margin-bottom: 35px;}
.contact-form-address{margin-bottom: 50px;}
.navbar-dark.inner-page-nav .navbar-nav a.nav-link { color: #fff !important;}

}
/*********************CONTACT-PAGE-START-HERE****************************/




/*********************PROCEDURE-PAGE-START-HERE****************************/
.procedures-page .presentation-section{padding:0px 0px 0px 0px;}
.procedures-page .presentation-section .partager-text h2{font-size:52px;text-transform:uppercase;font-weight:900;color:#759b65;line-height:52px;}
.procedures-page .partager-text p.documents-text{color:#000;font-size:16px;font-weight:700;margin-top:30px;text-transform:inherit;margin:0px;margin:32px 0px 50px 0px;}
.procedures-page .description-section .heading-text h4{color:#000;font-size:30px;font-weight:900;}
.procedures-page .description-section .lady-with-mask p{color:#000;font-size:16px;font-weight:700;margin-top:0px;margin-bottom: 30px;}
.immatriculation-heading-section h3{margin:0px;font-size:30px;text-transform:uppercase;font-weight:900;background-color:#000000;color:#fff;height:57px;padding:12px 19px;}
.immatriculation-text p{font-size:24px;color:#759b65;font-weight:900;margin:0px;padding:20px 0px 0px 20px;line-height:25px;}
.immatriculation-text p img{margin-right:15px;}
.fournir-heading h4{color:#57b161;font-size:24px;font-weight:900;margin:55px 0px 60px 0px;}
.fournir-heading p.obligatoires{color:#57b161;font-size:25px;font-weight:500;}
.fournir-heading p{color:#000;font-size:24px;font-weight:500;margin-bottom:8px;margin-bottom:20px;line-height:26px;}
.fournir-heading ul{padding:0px;margin:0px;list-style:none;padding-left:50px;}
.fournir-heading ul li{color:#000;font-size:24px;font-weight:500;margin-bottom:8px;margin-bottom:10px;line-height:36px;}
.fournir-heading.bottom h4{margin-top:100px;margin-bottom:20px;}
.accordionWrap a.card-link {margin: 0px;font-size: 30px;text-transform: uppercase;font-weight: 900;background-color: #000000;color: #fff;height: 57px; padding: 12px 19px; display: inline-block;line-height: 35px;position: relative;  width: 100%;}
.accordionWrap .card-header {background-color: #000000; border: none; border-radius: 0 !important; padding: 0;}
.accordionWrap { margin-top: 30px;}
.accordionWrap .card { border-radius: 0px;  border: none;}
.card-link i { position: absolute; right: 20px; top: 14px; transition: 0.5s all ease;}
.accordionWrap a.card-link[aria-expanded="true"] i { transform: rotate(180deg);}
.immatriculation-text { margin-top: 20px;}

.node27 #block-nui-page-title { padding:0px 30px 0px 30px; }


/* The container */
.radioBtnWrap .contain {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #57b161;
    font-weight: 900;
}
  
  /* Hide the browser's default radio button */
  .radioBtnWrap .contain input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .radioBtnWrap .checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #000;
    border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  
  /* When the radio button is checked, add a blue background */
  .radioBtnWrap .contain input:checked ~ .checkmark {
    background-color: #000;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .radioBtnWrap .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (tick) when checked */
  .radioBtnWrap .contain input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (tick) */
  .radioBtnWrap .contain .checkmark:after {
    left: 10px;
    top: 2px;
    width: 9px;
    height: 15px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


@media (min-width:320px) and (max-width:767px){
.procedures-page .presentation-section .partager-text h2{font-size: 28px;    line-height: 38px;}	
.immatriculation-heading-section h3{font-size: 26px;}
.immatriculation-text p { font-size: 19px;  padding: 15px 0px 0px 20px; }
.fournir-heading h4{font-size: 23px;}
}
/*********************PROCEDURE-PAGE-END-HERE****************************/

/* ACCORDION */



  .dispnone {
      display: none;
  }


.addtoany_share img { 
min-width:15px;
max-width:15px;
margin-bottom: 3px;

}


/*********************ENROLMENT-PAGE-START-HERE***************************/
.immatriculation-heading-section.localisation h3{text-transform: inherit;}
.center-des-area { padding-top: 20px; }
.center-des-image .img-fluid{width:100%;}
.center-des-image {padding-top:20px;}
.center-des-text{ padding: 25px 0px;padding-left: 10px; }
.center-des-text h4{font-size: 31px; font-weight: 900;}
.center-des-text h4 span.Centre-des-heading {color: #57b161;text-decoration: underline; }
.center-des-text h4 span { color: #000; }
.center-des-text h5 {font-size: 28px; font-weight: 900; color: #000; margin: 20px 0px; line-height: 30px;}
.center-des-text h6 { font-size: 24px; font-weight: 900; color: #000;margin-bottom: 20px; }
.center-des-text h6 span {font-weight: 700;}
.center-des-text p {margin-bottom: 10px;}
.center-des-text p a { font-size: 24px;font-weight: 900;color: #000;}
.center-des-text p a img { padding-right: 15px;}

a.card-link { color:#ffffff !important; }

@media (min-width:320px) and (max-width:767px){
.center-des-area {padding-top: 15px;}
.center-des-text h4{font-size: 25px;}	
.center-des-text h5{font-size: 21px;}	
.center-des-text h6{font-size: 19px;}
.center-des-text h5{ margin: 15px 0px;}
.center-des-text p a{font-size: 20px;}
}

/*********************ENROLMENT-PAGE-END-HERE****************************/


/*********************DOCUMENT-PAGE-START-HERE***************************/
.node34 #block-nui-page-title, .node41 #block-nui-page-title{padding: 0px 30px 0px 30px;}
.node34 #block-nui-page-title h1, .node41 #block-nui-page-title h1{margin-bottom: 0px;}
.node34 .presentation-section, .node41 .presentation-section{padding: 0px 0px 0px 0px;}


.document-list {
    padding-bottom: 20px;
    border-bottom: 1px Solid #f2f2f2;
}

.document-list h3{
    color: #888888;
    font-weight: 900;
    margin-bottom: 0;
}
.document-list h3 a {
    color: #888888;
    text-decoration:none;
	font-weight: 900;
}
.date-document {
    color: #000000;
    font-weight: 900;
    margin-bottom: 0px;
    margin-top: 8px;
}
.description-doc {
    font-weight: bold;
    color: #4f4f4f;
}
.doc-detail {
    color: #57b161;
    text-decoration: underline;
    font-size: 18px;
}
a.doc-detail:hover {color: #57b161;}
.doc {
    margin-right: 30px;
    font-weight: 800;
    font-size: 18px;
}
.pagination a {
    border: none;
    color: #759b65;
    font-weight: bold;
    font-size: 18px;
}
.pagination .aktif a {
    color: #888888;
    font-weight: 900;
    font-size: 22px;
    padding-top: 0;
}

.align-icons {
    padding-left:16px;
}


.share.partager-text.align-icons {text-align:right; }
.print.partager-text.align-icons {padding-left: 50px;}
.node15 .share.partager-text.align-icons {padding: 20px 0px 10px 20px;}
.node15 .print.partager-text.align-icons {padding: 20px 0px 10px 20px;}


 .aktif {
 color: #888888;
    font-weight: 900;
    font-size: 22px;
    padding-top: 0;

}


p.documents-text {
    color: #4f4f4f;
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
    text-transform: inherit;
    margin: 0px;
    margin: 32px 0px 40px 0px;
}
#pagination,#get-content {list-style: none;padding-left: 10px;margin-bottom: 45px;}
ul#pagination.paginate.paginate-0 li{    padding-bottom: 20px;}
.node41 ul#pagination.paginate.paginate-0 li{    padding-bottom: 45px;}
nav.paginate-pagination.paginate-pagination-0{text-align: center;}
nav.paginate-pagination.paginate-pagination-0 ul{list-style: none;}
nav.paginate-pagination.paginate-pagination-0 ul li{display: inline-block;}
nav.paginate-pagination.paginate-pagination-0 ul li a{margin-right: 30px;font-weight: 800;font-size: 17px;color: #57b161;}
nav.paginate-pagination.paginate-pagination-0 ul li a.active{color: #888888;font-size: 20px;}
/*********************ENDOCUMENT-PAGE-END-HERE****************************/

/* Main Menu Css style  start*/

.menuWrap div#navbarCollapse {
    display: flex;
    justify-content: flex-end;
}
.menuWrap .sfHover ul {
    background: #000;
	color: #fff;
}
ul.sf-menu ul li {
    width: 100%;
    color: #fff;
	cursor:pointer;
}
ul#superfish-main> li> a, ul#superfish-main> li> span {
    color: #57b161;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Nunito Sans', sans-serif !important;
	cursor: pointer;
}
ul#superfish-main>li>a, ul#superfish-main li a {
	text-transform: uppercase;
	text-decoration: none;
}
ul#superfish-main> li> ul> li> span,
#superfish-main> li.sf-depth-1> ul> li> a,
/* ul#superfish-main> li ul> li> a, */
ul#superfish-main> li> ul> li> ul> li> ol> li> a {
    padding: 0.7em 2.3em 0.7rem 0.7rem;
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
	font-family: 'Nunito Sans', sans-serif !important;
	color: #333;
	line-height: 14px;
	cursor:pointer;
    display: block;
}
ul#superfish-main> li ul> li> a {
	padding: 0px;
	font-weight: 900;
}
ul#superfish-main> li> ul> li> span:hover, ul#superfish-main> li ul> li> a:hover, ul#superfish-main> li> ul> li> ul> li:hover,
ul#superfish-main li ul.sf-multicolumn li.sf-multicolumn-wrapper ol li span:hover,
ul#superfish-main li ul.sf-multicolumn li.sf-multicolumn-wrapper ol li a:hover {
	color: #57b161;
	cursor: pointer;
}
ul#superfish-main> li> ul> li> ul> li {
    padding: 5px 10px;
    line-height: 20px;
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;	
	font-family: 'Nunito Sans', sans-serif !important;
}
ul.sf-menu span {
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;	
	font-family: 'Nunito Sans', sans-serif !important;
}
ul.sf-menu .sf-sub-indicator:after {
    left: 3px;
	content: "" !important;
}
/* ul#superfish-main.sf-navbar> li.sf-no-children:last-child> a{
    background: #57b161;
    color: #ffff;
    border-radius: 50px;
    padding: 0.8em 2em;
	margin-left: 8px;
} */

.menuWrap ul.navbar-nav {
    display: contents;
}
ul.sf-menu.sf-navbar li li {
    width: 25%;
    float: left;
}
ul#superfish-main> li ul> li.sf-depth-2> ul li.sf-depth-3> a,
ul#superfish-main> li ul> li ul> li a {
    padding-left: 0px;
}
/* 
ul.sf-menu.sf-navbar li ul {
    width: 90% !important;
    padding: 0px 20px;
}
ul.sf-menu.sf-navbar li {
    position: static!important;
}
ul#superfish-main li ul.sf-multicolumn {
    width: 100% !important;
    left: 0;
    right: 0;
    top: 39px;
    background: #000;
}
ul#superfish-main li ul.sf-multicolumn li.sf-multicolumn-wrapper {
    width: 100%;
}
ul#superfish-main li ul.sf-multicolumn li.sf-multicolumn-wrapper ol li {
    display: inline-block;
    float: left;
	padding: 5px 15px 5px 0px;
    width: 33.33%;
}
ul#superfish-main li ul.sf-multicolumn li.sf-multicolumn-wrapper ol li span {
    width: 100%;
    display: inline-block;
}
li#menu-fontsize {
    display: none;
}
ul.sf-menu.sf-navbar li li {
    position: relative;
}
ul#superfish-main li.sfHover:hover ul, ul#superfish-main li.sfHover:hover ul li ul#sfhidden {
    display: block !important;
    overflow: visible !important;
    clip: auto !important;
    background: #000 !important;
    height: auto !important;
}

*/
.path-frontpage ul#superfish-main> li> a, .path-frontpage ul#superfish-main> li> span {
	color: #fff;
}

ul#superfish-main> li> a:hover, ul#superfish-main> li> span:hover {
    color: #000;
}
.path-frontpage ul#superfish-main> li> a:hover,.path-frontpage ul#superfish-main> li> span:hover{
    color: #57b161;
}
/*.inner-content{
    max-width: 1440px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}*/
.inner-content {
    padding: 0 30px;
}
.inner-content .container-fluid {
    padding: 0;
}
.inner-content #block-nui-page-title{
    padding: 0;
}
.inner-content h1,.inner-content h2,.inner-content h3,.inner-content h4,.inner-content h5,.inner-content h6{
    font-weight: 900;
    color: #000;
}
@media only screen and (max-width: 1199px) {
.inner-content{
    max-width: 100%;
}
ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: 1em 0.5em;
    position: relative;
}    
} 
li.sf-depth-2.menuparent ul {
    width: 100% !important;
   /* min-height: 144px;
     top: 2.8em !important; */
}
 ul#superfish-main li.sf-depth-1.menuparent>ul::before {
/* ul#superfish-main li.sf-depth-1.menuparent>ul::before { */
    content: '';
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 200px;
    background: black;
}
ul#superfish-main li.sf-depth-1.menuparent:nth-child(5)>ul::before {
	height: 40px;
}
ul#superfish-main li.sf-depth-1.menuparent:nth-child(4)>ul::before {
	height: 125px;
}
/*  ul#superfish-main li.sf-depth-2.menuparent, ul#superfish-main li.sf-depth-2.menuparent> a,  */

 ul#superfish-main li.sf-depth-2.menuparent:hover, ul#superfish-main li.sf-depth-2.menuparent> a:hover,
 ul#superfish-main li.sf-depth-2.menuparent> span:hover, ul#superfish-main li.sf-depth-2.sf-no-children> span:hover,
ul#superfish-main> li> ul> li> ul> li> span:hover, ul#superfish-main> li> ul> li> ul> li> a:hover {
	color:#57b161 !important;
}
ul#superfish-main li.sf-depth-2:first-child, li#main-menu-link-contentfc2e3eb9-39bb-4bfa-bbcc-3ba9357db3f6 ul,
li#main-menu-link-content2a2e4828-5150-4323-bb7a-7148d9df7bc0 ul {
	padding-left:16px;
}

ul.shareWrap {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
    margin-bottom: 0;
    padding-right: 50px;
}
/* body.node.path-frontpage ul#superfish-main.sf-navbar> li.sf-depth-1:last-child> a {
    background: transparent;
    border: 1px solid #fff;
} */
ul#superfish-main> li {
    margin-right: 40px;
}
ul.sf-menu.sf-navbar li li:hover > ul, ul.sf-menu.sf-navbar li li.sfHover > ul, ul.sf-menu.sf-navbar > li.active-trail > ul {
    top: 3rem;
	padding-right: 16px;
}
ul.paginate.paginate-0 li::marker {
	font-size: 0px;
}

@media only screen and (max-width: 1250px) {
.actualite-images img.img-fluid {
    min-height: 140px;
    max-height: 140px;
}	
}
@media only screen and (max-width: 1225px) {
.search-link {
    margin-left: 0px !important;
}	
ul#superfish-main li.sf-depth-2:first-child, li#main-menu-link-contentfc2e3eb9-39bb-4bfa-bbcc-3ba9357db3f6 ul, li#main-menu-link-content2a2e4828-5150-4323-bb7a-7148d9df7bc0 ul {
    padding-left: 5px;
}
}
@media only screen and (min-width: 1200px) {
.contact-form-address {
    margin-left: 10px;
}	
.contact-form-area {
    padding-right: 10px;
}
div#contact-form-section {
    padding-left: 22px;
    padding-right: 22px;
}
.presentation-section.contact-text { 
	padding: 0px 0px 10px 22px;
}
.node15 .breadcrump-section {
    padding-left: 22px;
}
.node15 .header nav.navbar {
    padding: 30px 22px 30px 22px;
}
ul.sf-menu a, ul.sf-menu span.nolink { 
    padding: 1em 1.2em;
}
}
@media only screen and (max-width: 1199px) {
ul.shareWrap {
    padding-right: 10px;
}	
ul#superfish-main> li> ul> li> ul> li,
ul.sf-menu span,
ul#superfish-main> li> ul> li> span, #superfish-main> li.sf-depth-1> ul> li> a, ul#superfish-main> li> ul> li> ul> li> ol> li> a {
    line-height: 15px;
    font-size: 12px;
}
.tableWrap {
    width: 100%;
    overflow: auto;
    padding: 15px;
}
.fullwidth img {
    width: 100%;	
	height: auto;
}
 
}
@media only screen and (max-width: 1024px) {
ul#superfish-main> li> a, ul#superfish-main> li> span {
    font-size: 12px;
}

}	
@media only screen and (max-width: 991px) {
ul#superfish-main> li> a, ul#superfish-main> li> span, ul.sf-menu span,
ul#superfish-main> li ul> li> a,
ul#superfish-main> li> ul> li> ul> li, ul.sf-menu span, ul#superfish-main> li> ul> li> span, #superfish-main> li.sf-depth-1> ul> li> a, ul#superfish-main> li> ul> li> ul> li> ol> li> a {
    font-size: 10px;
	font-weight: 700 !important;
}
ul#superfish-main> li> ul> li> ul> li {
    line-height: 16px;
}
ul.shareWrap {
    padding-right: 30px;
}
}

@media only screen and (max-width: 767px) {
.path-node nav.navbar.navbar-expand-md.navbar-dark.fixed-header,
.node15.path-node nav.navbar.navbar-expand-md.navbar-dark.fixed-header,
nav.navbar.navbar-expand-md.navbar-dark.fixed-header {
	background-color: #000;
	padding: 10px 15px;
}
.actualite-images img.img-fluid{
    object-fit: cover;
	min-height: auto;
}	
/* Mobile Mega Menu Css start */
.DesktopView {
    position: relative;
}
.col-md-9.col-sm-4.col-4.mobile-toggel-content {
    position: static;
}
.menuWrap div#navbarCollapse {
    position: static;
}
.menuWrap div#block-navigationprincipale {
    position: absolute;
    top: 65px;
    z-index: 9;
    left: 0;
    right: 0;
}
.sf-accordion-toggle.sf-style-none {
    position: absolute;
    right: 50px;
    top: 20px;
    z-index: 9999;
    width: 40px;
}
ul.sf-menu.sf-accordion.sf-expanded {
    background: #000;
	padding: 15px 0;
}
ul.sf-menu> li> a, ul.sf-menu> li> span.nolink {
    color: #fff;
	font-size: 16px;
	text-transform: uppercase;
    font-weight: 600;
    padding: 12px 15px;
    padding-right: 50px;
}
.menuWrap a#superfish-main-toggle {
    width: 40px;
    height: 27px;
    border: 1px solid #fff;
    display: block;
    border-radius: 4px;
	position: relative;
	padding: 3px;
}
.menuWrap a#superfish-main-toggle::before {
    width: 30px;
    position: absolute;
    height: 1.3px;
    background: #fff;
    content: '';
    left: 1px;
    margin: 3px;
}
.menuWrap a#superfish-main-toggle span::before {
    content: '';
    position: absolute;
    left: 4px;
    width: 30px;
    height: 1.3px;
    background: #fff;
    top: 12px;
}
.menuWrap a#superfish-main-toggle span::after {
    content: '';
    position: absolute;
    left: 4px;
    width: 30px;
    height: 1.3px;
    background: #fff;
    top: 18px;	
}
.menuWrap a#superfish-main-toggle span {
	font-size: 0px;
}
.carousel-section .carousel-indicators {
    z-index: 3;
}
ul.navbar-nav.flagMenu li {
    padding: 0px;
    width: auto;
}
ul#superfish-main> li> a, ul#superfish-main> li> span, ul.sf-menu span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul {
	padding: 10px 15px;
}
ul.sf-menu li li:hover > ul, ul.sf-menu li li.sfHover > ul {
    left: 0!important;
    float: left !important;
	position: relative;
}
ul.sf-menu.sf-accordion li.sf-expanded > ul {
    padding: 10px 15px;
    width: 100% !important;
    display: inline-block;
}
ul.sf-has-clone-parent li.sf-depth-2.menuparent.sfHover ul li span, 
ul.sf-has-clone-parent li.sf-depth-2.menuparent.sfHover ul li a {
    padding: 12px 15px;
	display: inline-block;
}
ul.sf-menu a, ul.sf-menu span.nolink {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}
.radioBtnWrap .contain .checkmark:after {
    left: 4px;
    top: 2px;
    width: 6px;
    height: 9px;
}

ul li.menuparent:after {
    content: '';
    position: absolute;
    right: 00px;
    top: 0;
    display: inline-block;
    color: white;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/angle-down.svg);
    background-repeat: no-repeat;
    background-size:contain;
    pointer-events: none;
}
}

@media only screen and (max-width: 480px) {
.carousel-caption p {
    font-size: 11px;
    line-height: 12px;
	margin-bottom: 5px;
}
.carousel-caption a {
    padding: 5px 25px;
    font-size: 12px;
}
.carousel-section .carousel-indicators li {
    margin-right: 10px;
}
.carousel-section .carousel-indicators {
    bottom: -5px;
}
#block-nui-page-title h1 {
    font-size: 20px !important;
}
.lady-with-mask p {
    margin-top: 0px;
}
.immatriculation-heading-section h3 {
    font-size: 18px;
    line-height: 20px;
    height: auto;
}
.radioBtnWrap .contain {
    font-size: 16px;
	padding-left: 22px;
}
.radioBtnWrap .checkmark {
    top: 4px;
    height: 14px;
    width: 14px;
}
.print.partager-text.align-icons {
    padding-left: 20px;
}
ul#ajax-target {
    padding-left: 0;
}
}
@media only screen and (max-width: 330px) {
.carousel-inner .carousel-caption {
    top: -8%;
   padding-top: 20px;
}
.carousel-caption h1 {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
}
.carousel-section .carousel-indicators {
    bottom: -12px;
}
}
/* Main Menu Css style  End*/






/*********************DOCUMENT-PAGE-START-HERE****************************/
.partager-text p.documents-text {   color: #000;  font-size: 16px;  font-weight: 700; margin-top: 30px;    text-transform: inherit;}
.document-inner-section .partager-text h5 {  font-size: 24px; color: #888888;  font-weight: 900;}
.document-inner-section .partager-text h5 a {  text-decoration:none;color:#888888;}
.document-inner-section .partager-text  p.documents-text-date {  font-size: 16px; font-weight: bold;  color: #000;  text-transform: inherit;}
.document-inner-section .partager-text p.documents-text-date-botttom { font-weight: 700; text-transform: inherit; font-size: 16px;  color: #4f4f4f;}
.document-inner-section .partager-text p.documents-download { font-size: 16px; font-weight: bolder; text-transform: inherit; color: #759b65; }
.document-inner-section .partager-text p.documents-download i{color: #759b65;}
.border-line {  border-top: 1px solid #ededed;    margin-bottom: 25px;  margin-top: 25px;}
/*********************DOCUMENT-PAGE-END-HERE****************************/







/*********************NEWS-LISTING-PAGE-START-HERE****************************/
.document-inner-section .partager-text img {   width: 100%;}
p.documents-text-date.news-listing-date { margin-bottom: 0px;}
/*********************NEWS-LISTING-PAGE-START-HERE****************************/


/*********************NEWS-ARTICLE-PAGE-START-HERE****************************/
.presentation-section.news-article {padding-bottom: 0px;}
.presentation-section.news-article .partager-text h2 {    font-size: 42px; line-height: 50px; margin-bottom: 0px;}
.presentation-section.news-article .partager-text p.date { margin-bottom: 0px;}
.lady-with-mask p.second-paragraph { margin-top: 4px !important;}
/*********************NEWS-ARTICLE-PAGE-START-HERE****************************/ 


/* Alert Message CSS  */



.messages {
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    overflow-wrap: break-word;
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    background-image: url(check.svg);
    background-repeat: no-repeat;
    box-shadow: -8px 0 0 #77b259;
    background-position: 10px 17px;
}
.messages {
    margin: 9px 0 10px 8px;
}



/* PAGINATION  */

.deactive {
display:none !important;
}

/*********************** Gur - css *****************/

#superfish-main li.sf-depth-1 ul li a, #superfish-main li.sf-depth-1 ul li span {
    color: #f7dc39!important;
}
#superfish-main li.sf-depth-1 ul li a:hover, #superfish-main li.sf-depth-1 ul li span:hover {
    color: #57b161!important;
}
#superfish-main li.sf-depth-1 ul li ul li a, #superfish-main li.sf-depth-1 ul li ul li span {
    color: #fff!important;
}
#superfish-main li.sf-depth-1 ul li ul li a:hover, #superfish-main li.sf-depth-1 ul li ul li span:hover {
    color: #57b161!important;
}
ul.sf-menu.sf-accordion li.sf-expanded ul>li.sf-expanded>span.sf-depth-2.menuparent {
    color: #f7dc39;
}



/*  Radio  button procedure and enrolement pages   */
#second, #level1 {padding-left:10px;}
#third, #level3{padding-left:20px;}
#fourth, #level4 {padding-left:30px;}
#level2{padding-left:40px;}



/* BACK TO TOP CSS */

#buttontotop {
  display: inline-block;
  background-color: #57b161;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttontotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttontotop:hover {
  cursor: pointer;
  background-color: #333;
}
#buttontotop:active {
  background-color: #555;
}
#buttontotop.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
.logo-mobile {
    display: none;
}
@media screen and (max-width:767px){
.reveal{
  position: relative;
  transform: translateY(0);
  opacity:1;
}
.path-frontpage .procedure-section .container-fluid, .path-frontpage .map-section .container-fluid{   
    padding-right: 0;
    padding-left: 0;
    
}
.actualite-section .container-fluid{
    padding-right: 0;
    padding-left: 0;
}
.logo-mobile {
    display:block;
}
.logo-desktop {
    display:none;
}
ul.sf-menu.sf-accordion li.sf-expanded ul li a {
    color: #333;
}
ul.sf-menu.sf-accordion li.sf-expanded ul li a:hover, ul.sf-menu.sf-accordion li a:hover, ul.sf-menu.sf-accordion li.sf-expanded ul li span:hover, ul.sf-menu.sf-accordion li span:hover{
    color:#6eaf69;
}
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #buttontotop {
    margin: 30px;
  }
}


.immatriculation-section .row ul li{
    list-style-type: none;
}