/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    font-family: Shanti, sans-serif;
    color: #333;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Hauteur pleine page */
html, body {
    height: 100%;
}

/* Layout global */
body {
    display: flex;
    flex-direction: column;
    font-family: Shanti, sans-serif;
}
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
}

.header-left img {
    height: 140px;
    width: auto;
}

.header-center {
    text-align: center;
    flex: 1;
    padding: 15px;
}

.header-right {
    text-align: center;
}

/* === Bannière === */
.banner {
    flex: 1;
    background-color: #ffffff;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end; /* place le contenu en bas */
}

.overlay {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    /*  background-color: rgba(0, 0, 0, 0.4);*/
}



.welcome-container {
    font-family: 'Noto Kufi Arabic', sans-serif !important;
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 20px;
    margin-bottom: 140px; /* espace au-dessus du bas */
}

.welcome-body {
    color: #006831;
    text-shadow: 2px 2px 8px #2bdc9d !important;
    font-size: 8.5rem !important;
    font-family: 'Shanti';
    line-height: 0.9 !important;
}





footer {
    font-family: 'Shanti', sans-serif !important;
    padding: 10px;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    font-size: 0.9rem;
}


.site-title {
    font-family: 'Shanti' !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin-right: 10px !important;
    text-align: center !important;
    line-height: 1.4 !important;
}
.Kabyle {
    color: #000;
    font-size: 1.5rem;
    line-height: 1.3;
    font-family: 'Noto Sans Tifinagh';
    text-align: center;
}
.MICLT {
    color: #907b00;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 3px;
    margin-right: 10px;
    text-align: center;
    line-height: 1.1;
    direction: rtl;
    font-family: Shanti, sans-serif;
}
.Kabyle2 {
    font-family: 'Noto Sans Tifinagh';
    color: #907b00;
    font-size: 1.3rem;
    text-align: center;
}


.intera {
    color: red;
    font-size: 25px;
    font-family: Shanti, sans-serif;
}

.av {
    color: #0b9a39;
    font-size: 40px;
    font-family: Shanti,sans-serif;
    line-height: 42px;
}
/* === Responsive === */
@media (max-width: 768px) {
    header {
        flex-direction: column;
        text-align: center;
    }

    .header-left img {
        height: 70px;
    }

    .header-center h3, .header-center p {
        font-size: 1.1rem !important;
        margin: 5px 0;
    }

    .welcome-container {
        margin-bottom: 20px;
        padding: 15px;
    }

    .welcome-body {
        font-size: 4.5rem !important;
        line-height: 0.8 !important;
    }
}

@media (max-width: 480px) {
    .header-left img {
        height: 60px;
    }
}








.direc {
    direction: ltr
}
.TAILLE {
    max-width:1760px; 
}
.Taille2 {

    max-height:120px;max-width: 1760px
}
.taille3 {

    max-height:120px ;
}
.Menu_H {

    max-height:32px;  border-bottom:2px solid #0B9A39
}

.separation {

    height:13px; width:1px; background:#000000
}
 .BARRE_MENU {
    background-color: #25374B;
	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    font-size:19px;
    max-height:68px;
    max-width: 1760px;text-transform:uppercase;
}


         .fixed-top  {
             top: 154px; 
         
         }

         #Intro {
             top: 0;
             position: fixed;  
         }
              .REPUBLIC  H1{
font-family:Roboto Condensed bold , DroidKufi_Ben , sans-serif !important;
  	padding-bottom:5px !important;
          text-transform:uppercase;
             /*font-size: 27px;
font-weight:bold;
color: #C9B423 ;
font-family: 'Roboto Condensed bold' ;*/  
             /*font-size: 27px;
font-weight:bold;
color: #000 ;
font-family: 'Roboto Condensed bold';*/  

    /*font-size: 1em;
    line-height: 36px;
font-weight:bold;

color: #1D1D1B;
/*font-family: 'Helvetica Neue LT Arabic'*/ 

    /*font-family: 'Roboto Condensed bold' , DroidKufi_Ben , sans-serif !important;*/
      
         }

         .REPUBLIC   a  {
              text-transform:uppercase;
  	font-family:Roboto Condensed bold , sans-serif !important;
    font-size: 1.5rem !important; font-weight:600 !important;
	color: #000000 !important; 
	line-height: 1.1 !important; padding-top: 5px !important; margin-bottom: 0px !important;	
    text-decoration:none;
         }
         .tifinagh {

             font-family: Roboto Condensed bold , DroidKufi_Ben , sans-serif ;
    color: #000000 ;
    font-size: 1.1rem ;
    font-weight: 400;
    line-height: 1.1;
    padding-top: 0px;
         }
         .MICLAT {
         word-wrap: break-word;
              text-transform:uppercase;
             /*color: #907b00;  */
/*color: #C9B423 ;
font-weight:bold;
font-size: 25px ;
line-height: 1.1;
font-family: 'Roboto Condensed bold' ;*/ 

/*color: #907b00;
font-weight:bold;
font-size: 18px ;
/*line-height: 1.1;*/
/*font-family: 'Roboto Condensed bold'*/

 text-transform:uppercase;


   	font-family:Roboto Condensed    , sans-serif !important;
	color:#907b00 ;  font-weight:600 !important;
	font-size: 0.9rem !important; margin-bottom: 4px !important;	line-height: 1 !important;
 


         }
         .BERBER {
  

  color: #907b00;    font-size: 1rem !important;
 line-height: 1.1 !important;
 font-family:Roboto Condensed bold   ,  sans-serif !important; 
 font-weight: 400;
	 padding-top: -10px !important;
/*color: #1D1D1B;
 margin-top: -5px;
/*font-weight:bold;*/
/*font-size: 15px;*/
/*/font-style: italic;*/
/*line-height: 1.1;*/
/*padding-top:-5px; padding-bottom:0px;


font-family:'Tifinagh Kabaw-Borabyaa Shriha'*/

         }
          .INTERACTION{
/*font-family:Jomhuria    /*Hacen Beirut Heading  Regular  ;  font-size:  41px;
color: #E00714;*/ 
 text-transform:uppercase;
 font-size: 18px!important; color:  #E00714; font-family: Montserrat, sans-serif !important; 
/*font-size: 21px!important; color: #E00714; font-family: Hacen Beirut Heading Regular, sans-serif !important; line-height: 5px!important;*/

         }

         .AVECVOUS

         { text-transform:uppercase;



                 font-weight: 700;

              

                   
                   font-size: 34px!important; color: #0b9a39; font-family: Montserrat-Bold , sans-serif !important;
         }
         .AC {
             display:block;  float:left; margin-top:-20px;




         }
       
         .BARRE_Haut {

             height:32px;

         }
         .Navigation {


             text-align: left;      	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    

    font-size:21px;
         }
         .ST {

        	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; font-size:19px;
         }
         .text-Haut a {

           	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;font-size:12px ; color:black;
         }

        .text-lang-active {
            background-color : #0B9A39; 	   	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; font-size: 13px;  color:white;

        }

           .text-lang {
	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; font-size: 13px;  color:#0B9A39;

        }

        .FOOTER {

        background:#4C5057;    	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; font-size:17px;
        }
        .BAS {

            height: 40px; background:#C4C4C4;
        }
        .ST2  {

            color:#F5F5F5;     	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; font-size:17px; text-transform:uppercase;
        }
        .Titre-footer {

            font-family: 'Roboto Mono'; font-size: 22px; line-height: 32px; color: #ffffff;
        }
        .paragraph-footer {
font-size:17px;color:#F5F5F5;   	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
        }
        .TEXT-COPYRIGHT {

    	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;font-size:17px; color:#F5F5F5
        } 
.line{
    width:100%; float:right; margin-right:-70px;
} .line span { display:block;  float:left; height:2px; margin:1px}
.color-1{
    background:#108035; width:152px;
}
.color-2{
  background:#DF0D14; width:130px;
}
.color-3{
    background:#E3E3E3; width:114px;
}
.color-4{
   width:114px;height:2px; background:#F5F5F5;margin:2px
}
.BAS2 {

    height:120px; width:2px; background:#F5F5F5
}
.BTN_N {

    background:#F5F5F5; color:#4C5057
}
.BTN_NEW_SUCESS  {

    background:#00A4B9;
	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;  font-size:30px;
}

.BTN_NEW_SUCESS2  {
    font-size:30px;
    color:#00A4B9;
    border-color:#00A4B9;
  	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;

}


.BTN_NEW_second  {
    font-size:30px;
    background:#BBBABA;
 	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; 
}

.BTN_NEW_second2  {     
       font-size:30px;
    color:#BBBABA;
    border-color:#BBBABA;
 	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;

}
.CONTENEUR_T
{
    background:#0B9A39;  color:#F5F5F5 ;	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; height: 117px ; max-width  :1650px
}

.CONTENEUR_T h1  {
    	font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; font-size:19px;
    font-size:23px;
}
.Ti h2  {

  color:#364A62 ; font-size:34px;	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif ;
}
.SPE{

height:50px; width:3px; background:#364A62 
}
.CONTENEUR_CONTENU

{
    max-width  :1650px; 
}

.CONN
input {
    height: 60px;
    max-width: 600px;
}
.CONN
select {
    height: 60px;
    max-width: 600px;
}

.liste_lang select {
    height: 40px;
    max-width: 100px;
}.CONN
input::placeholder {
font-size:31px;

font-family: Poppins;  direction:ltr;
} .CONNinput[type="text"]:-moz-placeholder {
    text-align: left;
}.CONN
input[type="text"]:-ms-input-placeholder {
    text-align: left;
}.CONN
input[type="text"]::-webkit-input-placeholder {
    text-align: left;
}

 .CONN
input[type="email"]:-moz-placeholder {
    text-align: left;
}.CONN
input[type="email"]:-ms-input-placeholder {
    text-align: left;
}.CONN
input[type="email"]::-webkit-input-placeholder {
    text-align: left;
}
.LAB {

font-weight: 300;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;font-size:26px
}
.TEXT_ERR  {
   font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; font-size:10px

}

.Title_prin {

    background:#F7F7F7; 
    
    font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
     font-size:34px;  color:#404040;width:100%; height:117px;
}


.border_new

{
  border :#F7F7F7 2px solid;

}.borde {
    border: #717880 1px solid;
}.Title  {
  
    color:#717880; font-weight: 700;
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif; font-size:34px
}