.linktext 
{
   color                : #FFFFFF;
   text-decoration      : none;
   padding              : 5px;
   border-bottom-style  : none;
}
.linktext:hover
{
   color : #F00000;
   background-color:white;
} 

.logo-entreprise
{
	display	: inline-block;
}

.page
{
	max-width 			: 1050px;
}

.linkdiv 
{
   display: inline-block;
   margin-top : 5px;
   margin-bottom : 5px;
   margin-left : 1px;
}

body	
{
	color                   : #404040;
	background-color        : #F8F8F8;
	margin                  : 0px;
	padding                 : 0px;
    font-family             : Raleway, arial;
    background-repeat       : no-repeat;
    background-attachment   : fixed;
}

.shadow
{
    -webkit-box-shadow: 5px 5px 15px 5px #000000; 
    box-shadow: 5px 5px 15px 5px #000000;
}

bodyold	
{
   background-image: -webkit-gradient(
   	linear,
   	left top,
   	right top,
   	color-stop(0, #00004F),
   	color-stop(0.52, #0072B0)
   );
   background-image: -o-linear-gradient(right, #00004F 0%, #0072B0 52%);
   background-image: -moz-linear-gradient(right, #00004F 0%, #0072B0 52%);
   background-image: -webkit-linear-gradient(right, #00004F 0%, #0072B0 52%);
   background-image: -ms-linear-gradient(right, #00004F 0%, #0072B0 52%);
   background-image: linear-gradient(to right, #00004F 0%, #0072B0 52%);
}

a
{
   color:#802020;
   text-decoration :none;
   border-bottom-style:dotted;
   border-bottom-width:1px;
   border-bottom-color:#C06060;
}

.rounded
{
   border-radius: 10px; 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border: 1px solid #C0C0C0;
}

.block
{
   text-align:justify; 
   background-color:#FFFFFF;
   font-size:120%;
   margin-bottom:40px;
   margin-left:20px;
   margin-right:20px;
   padding:15px;
   display:block;
   clear:both;
   color:#606060;
}

.block_interne
{
   text-align        : justify; 
   background-color  : #FFFFFF;
   padding           : 10px;
   margin            : 0px;
   vertical-align    : top;
}

.block_separateur
{
   width             : 10px;
   background-color  : rgba(0, 0, 0, 0);
}
.logo
{
   border-color:silver; 
   border-style:solid; 
   border-width:1px; 
   margin-top:5px;
}

.img1
{
   float:left; 
   padding-right:10px;'
}

.logo_sponsoring
{
   float:left; 
   padding-right:10px;'
}

.img_big
{
   width:100%; 
}


#bkgnd
{
    background-color     : #303040; 
    background-position  : center; 
    background-repeat    : no-repeat; 
    font-size            : 110%;
    margin-top           : 0px; 
 }
 
#bkgnd3
{
    background-color     : #303040; 
    background-position  : center; 
    background-repeat    : no-repeat; 
    padding-bottom		 : 10px; 
}

.societe_img
{
	max-width			 : 320px;
	width				 : 100%;
}

#buttonbar
{
   text-align           : center; 
   background-color     : black;
}

#header_bar
{
   text-align:left; 
   background-color: black; 
   height:25px; 
   font-size:110%; 
   color:#F0F0F0;
}

.title_main_page
{
   font-size         : 160%;
   font-weight       : bold; 
   color             : #606060;
   width:            : 100%;
   margin-bottom     : 15px;   
   margin-top        : 5px;
   padding           : 0px;
   vertical-align    : middle;
   font-family       : Tahoma;    
   justify           : center;
}

.title_page
{
   font-size         : 200%;
   font-weight       : bold;
   font-family       : Tahoma;
   color             : #606060;
   margin-top        : 30px;
   margin-bottom     : 30px;
}

@media screen and (max-width: 800px)
{
    body 
    {
        background-size   : 100%;
        font-size         : 95%;
    }
	.logo-entreprise
	{
		width			: 300px;
		margin-top		: 10px;
		margin-bottom   : 10px;
		margin-left		: 10px;
		margin-right	: 10px;
	}
   .linkdiv 
   {
      margin-left : 0px;
   }
    .title_main_page
    {
       font-size         : 120%;
    }
   
   .block_interne
   {
      display:block;
      font-size:90%; 
      min-height:150px; 
   }
   
   .block_responsive
   {
      display:block;
   }
   
   .block_separateur
   {
      margin-top:20px;
      display:block;
   }
   .logo
   {
      margin-left:20px; 
      margin-right:20px; 
      margin-top:5px; 
      font-size:75%; 
      width:230px; 
      height:110px; 
   }
   #bkgnd
   {
      height     : 120px; 
      font-size  : 110%;
   }
   #bkgnd3x
   {
      height     : 100px; 
   }
   #buttonbar
   {
      font-size:90%;
   }
   #header_bar
   {
      display : none;
   }
   
   .img_contacts
   {
      display : block;
      max-width:100%;
   }
}

@media screen and (min-width: 800px) and (max-width: 2000px)
{
    body
    {
        background-size         : 100%;
    }
    
	.logo-entreprise
	{
		width			: 300px;
		margin-top		: 50px;
		margin-bottom   : 0px;
		margin-left		: 15px;
		margin-right	: 15px;
	}
	
   .linkdiv 
   {
      margin-left : 10px;
   }

   .block_interne
   {
      display           : table-cell;
      font-size         : 90%;
      width             : 49%; 
   }
   
   .block_responsive
   {
      display:block-inline;
   }
   
   .block_separateur
   {
      display           : table-cell;
      width             : 2%; 
   }
   
   .logo
   {
      margin-left:40px; 
      margin-right:40px; 
      margin-top:5px; 
      font-size:110%; 
      width:300px; 
      height:150px; 
   }
   #bkgnd
   {
      height:170px; 
   } 
   #bkgnd3x
   {
      height:200px; 
   } 
   #buttonbar
   {
      font-size:120%;
   }
   #header_bar
   {
      display : none;
   }
   .img_contacts
   {
      display : block;
   }
   
	.img_article
	{
		max-width 	: 350px;
	}

	.div_article
	{
		display			: table-cell;
	}	
	
   .img1
   {
      width:250px;
   }
   
   .logo_sponsoring
   {
      width:250px;
   }
}

@media screen and (min-width: 2000px)
{
	
	.page
	{
		max-width 				: 1400px;
		font-size				: 120%;
	}
	
	.logo-entreprise
	{
		width			: 400px;
		margin-top		: 50px;
		margin-bottom   : 5px;
		margin-left		: 15px;
		margin-right	: 15px;
	}
	
 	
     body
    {
        background-size         : 100%;
		font-size				: 120%;
    }
	
   
    
   .linkdiv 
   {
      margin-left : 10px;
   }

   .block_interne
   {
      display           : table-cell;
      font-size         : 90%;
      width             : 49%; 
   }
   
   .block_responsive
   {
      display:block-inline;
   }
   
   .block_separateur
   {
      display           : table-cell;
      width             : 2%; 
   }
   
   .logo
   {
      margin-left:40px; 
      margin-right:40px; 
      margin-top:5px; 
      margin-bottom:10px; 
      font-size:150%; 
      width:500px; 
      height:230px; 
   }
   #bkgnd
   {
      height:250px; 
   }
   #bkgnd3
   {
   }
   #buttonbar
   {
      font-size:130%;
   }
   #header_bar
   {
      display : none;
   }
   .img_contacts
   {
      display : block;
   }
   
	.img_article
	{
		max-width 	: 500px;
	}

	.div_article
	{
		display			: table-cell;
	}	
	
   .img1
   {
      width:250px;
   }
   
   .logo_sponsoring
   {
      width:250px;
   }
   
	.societe_img
	{
		max-width 	: 350px; 
		width : 100%;
	}
   
}


  .construction-renovation {
    padding: 20px 10px;
    background: #FFFFFF;
  }
  
  .activites {
    padding: 20px 20px;
    background: #EEEEEE;
  }
  
  .why-choose {
    padding: 20px 20px;
    background: #DDDDDD;
  }

  .news {
    padding: 20px 20px;
    background: #FFFFFF;
  }
  
  .qualifications {
    padding: 20px 20px;
    background: #DDDDDD;
  }
  
  .realisations {
    padding: 20px 20px;
    background: #F0F0FF;
  }
  
  .contacts {
    padding: 20px 20px;
    background: #FFFFFF;
  }
  
  
  @media (min-width: 2000px) {
    .news,.contacts {
      font-size 	: 80%;
	  line-height 	: 30px;
    }
  }
  


  .container {
    max-width: 1100px;
    margin: 0 auto;
  }

  .section-header {
    text-align: center;
    margin-bottom: 10px;
  }

  .section-header h2 {
    font-size: 2.6rem;
    margin: 0 0 1rem;
    color: #1a1a1a;
    font-weight: 700;
  }

  .section-header p {
    font-size: 1.25rem;
    color: #555;
    max-width: 900px;
    margin: 0 auto;
  }

  .features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }

  @media (min-width: 768px) {
    .features-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }


  /* CTA en bas */
  .cta-wrapper {
    text-align: center;
    margin-top: 10px;
  }

  .cta-button {
    display: inline-block;
    padding: 14px 32px;
    margin: 10px;
    background: #0066cc;
    color: white;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .cta-button:hover {
    background: #0052a3;
    transform: translateY(-3px);
  }
  
  .block-qualif:hover 
  {
    background: #F0F0FF;
    transform: translateY(-3px);
  }
  

  .cta-button.secondary {
    background: #f0f0f0;
    color: #333;
  }

  .cta-button.secondary:hover {
    background: #e0e0e0;
  }

  .feature-card {
    background: white;
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(40px);
    animation: fadeUp 0.8s forwards;
  }

  /* Délai d'animation différent pour chaque carte */
  .feature-card:nth-child(1) { animation-delay: 0.1s; }
  .feature-card:nth-child(2) { animation-delay: 0.25s; }
  .feature-card:nth-child(3) { animation-delay: 0.4s; }

  .feature-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.12);
  }

  .feature-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 30px;
    background: linear-gradient(135deg, #e6f0ff 0%, #d4e4ff 100%);
    color: #0066cc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.2rem;
    font-weight: bold;
    transition: all 0.4s ease;
  }

  .feature-card:hover .feature-icon {
    transform: scale(1.15) rotate(8deg);
    background: linear-gradient(135deg, #cce0ff 0%, #b3d4ff 100%);
  }

  .feature-card h3 {
    font-size: 1.55rem;
    margin: 0 0 1.2rem;
    color: #222;
    font-weight: 600;
  }

  .feature-card p {
    color: #666;
    line-height: 1.6;
    font-size: 1.05rem;
    margin: 0;
  }

  @keyframes fadeUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Couleurs alternatives pour varier (optionnel) */
  .feature-card:nth-child(2) .feature-icon {
    background: linear-gradient(135deg, #e6fff0 0%, #d4ffe6 100%);
    color: #006633;
  }

  .feature-card:nth-child(2):hover .feature-icon {
    background: linear-gradient(135deg, #ccffe6 0%, #b3ffd9 100%);
  }

  .feature-card:nth-child(3) .feature-icon {
    background: linear-gradient(135deg, #fff0e6 0%, #ffe6d4 100%);
    color: #cc6600;
  }

  .feature-card:nth-child(3):hover .feature-icon {
    background: linear-gradient(135deg, #ffe0cc 0%, #ffd1b3 100%);
  }


	@supports (animation-timeline: scroll())
	{
		.logos
		{
			animation: blur-on-scroll linear both;
			animation-timeline: scroll();
			animation-range: 0px 500px;
		}
		
		@keyframes blur-on-scroll 
		{
			from { filter: blur(0px); }
			to   { filter: blur(14px); }
		}
	}