body
{
  background-color: #fff;
 
}


/*
nav 
{
background-color: #dcb233;
padding-bottom:0px;
margin-top:0px;

}
nav .navbar-nav
{
 float: left;

}

nav ul li {
margin-left:20px;
}
nav ul li a
{

color: #000;
font-size: 20px;
margin-top:  15px;
-webkit-border-radius: 3px;
border-radius: 3px;

}

nav ul li a.current {
background: #dcb233;
color: #000;
}
.navbar-toggle .icon-bar {
background-color: #fff;
}

*/
/**presentation*/


#presentation .header-description .presentation-headerh2{

    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    
  }
  #presentation h2{

    font-size: 20px;
    text-transform: uppercase;
    text-transform: upper;
    color:  #444444;
    font-weight: 1000;
  
  }
  #presentation .header-description .presentation-header{
    background-color:#333;
  
      padding: 10px;
      margin-top: 10px;
      border-radius: 5px;
       
    }

  #presentation h3{

    font-size: 14px;
    text-transform: uppercase;
    text-transform: upper;
    color: #fff ;
    font-weight: 1000;
  
  }
  #presentation .presentation-description
{
  font-family: 'Roboto', Arial, sans-serif;
  color: #777;
    font-size: 18px !important;
    font-weight: normal;
    text-align: justify;
    padding-top: 20px;
    line-height: 30px;
    
}
#presentation video
{
 
   height:350px;

  width: 100%;
  border-radius: 15px;
  float: right;
  
} 

/****img organisation****/




.organisation 
{
  background-color: #fff;
}
.organisation .service-description
{
  font-family: 'Roboto', Arial, sans-serif;
  color: #777;
  font-size: 18px !important;
  font-weight: normal;
  text-align: justify;
  padding-top: 20px;
  line-height: 40px;
}
.organisation .service-description h1{
  color: #303030 ;
  font-weight: 800;
}
.organisation .service-description span {
  color: #777 ;
  font-weight: 600;
}



.organisation #Img
 {

 

  border: 1px solid #fd0; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 150px; /* Set a small width */
  width: 100%;
}
.organisation #Img:hover
{
  width: 100%;
  height: 100%;

  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}



.organisation .title-section 
{
  background-color: #333;
  width: 100%;
  padding: 10px;
  margin-bottom: 5px;
  font-family: inherit;
  margin-top: 5px;
}
.organisation  h3
{
  font-size: 18px;
  text-transform: uppercase;
  text-transform: upper; 
  color: #fff;
  font-weight: 1000;
}



/***** politique*****/
#politique .entete
{
  font-family: 'Roboto', Arial, sans-serif;
  /*color: #303030;*/
  color: #fff;
    font-size: 20px !important;
    font-weight: 800;
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    line-height: 30px;
  background-color: #333;
  border-radius: 5px;
}

#politique .header-description .presentation-headerh2{


  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
  
}

#politique h2{

  font-size: 25px;
  text-transform: uppercase;
  text-transform: upper;
  color: #444444;
  font-weight: 1000;
  text-align: center;

}
#politique .header-description .presentation-header{
  background-color:#101010;

    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
     
  }
 


/********fin politique*********/
  #contact .title-section
  {
    margin-top: 60px;
  }

  /****contactubtutsdg**/
  .contactubtutsdg .dg 
  {
    font-family: 'Roboto', Arial, sans-serif;
    color: #303030;
      font-size: 12px !important;
      font-weight: 800;
      text-align: center;
      margin-top: 20px;
      padding-top: 20px;
      line-height: 30px;
    border-radius: 5px;
    margin-bottom: 50px;
    float: left;
  }

  .contactubtutsdg .dg h1
  {
    font-size: 20px;
  
   color:#000 ;
    text-transform: uppercase;
    font-weight: 1000;
  }
.contactubtutsdg .title-section h2
{
  margin-top: 20px;
  font-size: 50px;
  font-weight: 800;
  color: #000;
}
.contactubtutsdg .title-section span {
  display: block;
  width: 200px;
  height: 4px;
  background: #fd0;
  margin: 0 auto;
 
}
/*****contact*****/
/******materiels****/

#poste
{
  margin-top: 60px;
}


  #poste h2{
margin-top: 30px;
    font-size: 20px;
    text-transform: uppercase;
    text-transform: upper;
    color:# #444444;
    font-weight: 1000;
  
  }

  #poste .a 
  {
  
    font-family: 'Roboto', Arial, sans-serif;
    color: #777;
      font-size: 18px !important;
      font-weight: normal;
      text-align: justify;
      padding-top: 20px;
      line-height: 30px;
  }
  #poste .textgran
  {
    padding-top: 10px;
    font-size: 18px !important;
    font-weight: bold;
    text-align: justify;
    line-height: 30px;
    color: #777;
  }

  #poste .slide_materiel
  {
    background-color: #fff;

    padding: 20px;
  
  }
  #poste .slide_materiel h1 ,h5
  {
    margin-top: 30px;
    font-size: 25px;
    text-transform: uppercase;
    text-transform: upper;
    color: #444444;
    font-weight: 1000;
    text-align: center;
    line-height: 50px;
  }
  #poste .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 10%;
  }

  #poste #imgright
  {
   margin-top: 70px;
    width: 100%;
    border: 1px solid #fd0; /* Gray border */
    border-radius: 4px;

   
  }
  #poste #imgright1
  {
   margin-top: 10px;
    width: 100%;
    border: 1px solid #fd0; /* Gray border */
    border-radius: 4px;

   
  }
    #poste #img1
  {
    width: 24%;
    height: 150px;
    margin-left: 8px;
    margin-top: 5px;
    border: 1px solid #fd0; /* Gray border */
    border-radius: 4px;

  }


  /*********poste*************/
  #poste 
  {
    margin-top: 60px;
  }
  #poste h2
  {
    margin-top: 90px;
  font-size: 25px;
  text-transform: uppercase;
  text-transform: upper;
  color:  #444444;
  font-weight: 1000;
  text-align: left;
  }
  #poste p
  {

    font-family: 'Roboto', Arial, sans-serif;
    color: #777;
      font-size: 18px !important;
      font-weight: normal;
      text-align: justify;
      padding-top: 20px;
      line-height: 40px;

  }
  /********carrier****/

  #carrier
  {
    margin-top: 60px;
  }


  /******projet**********/
  #projet h2{
    margin-top: 30px;;
    margin-bottom: 30px;;
        font-size: 30px;
        text-transform: uppercase;
        text-transform: upper;
        color: #444444;
        font-weight: 1000;
        text-align: center;
     
      
      }
    
    
      #projet div.gallery {
        margin: 5px;
        border: 1px solid #fd0;
        float: left;
        width: 24%;
      
      
      }
      
      #projet  div.gallery:hover {
        border: 1px solid #fd0;
      }
      
      #projet div.gallery img {
        width: 100%;
        height: auto;
      }
      
      #projet div.desc {
        padding: 20px;
        text-align: center;
      }
      
      
      
      

#cookie-banner {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 650px;

      background: #ffffff; 
      border-radius: 12px;
      padding: 25px;

      box-shadow: 0 10px 30px rgba(0,0,0,0.25);
      z-index: 1000;
      font-family: Arial, sans-serif;
    }

/* النص */
#cookie-banner p {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* اسم المؤسسة */
#cookie-banner strong {
  color: #1e3a8a;
}

/* الرابط */
#cookie-banner a {
  color: #f59e0b; /* أصفر/برتقالي واضح */
  text-decoration: underline;
  font-weight: 500;
}

/* الأزرار */
.buttons {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}

/* ستايل عام */
#cookie-banner button {
  flex: 1;
  padding: 10px;
  border-radius: 6px;
  border: none;
  font-weight: bold;
  cursor: pointer;
}

/* زر قبول */
#accept-btn {
  background: #22c55e;
  color: white;
}

/* زر رفض */
#reject-btn {
  background: #dc2626;
  color: white;
}

/* hover */
#accept-btn:hover {
  background: #16a34a;
}

#reject-btn:hover {
  background: #b91c1c;
}
 
	#lang-switcher {
	  position: fixed;
      top: 10px;
	  right: 10px;
	}
  #cookie-banner {
  animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0; /* مخفي */
    transform: translate(-50%, -60%);
  }
  to {
    opacity: 1; /* يظهر */
    transform: translate(-50%, -50%);
  }
}