body {
	background-color: #CCCCCC;
}

#ombre div.omb {
    box-shadow: 10px 10px 15px grey;
	background-color: coral;
}

html, button, input, select, textarea ,body, p{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	color: #222222;
	font-size:18px;
	line-height:130%;
	/*text-indent:30px;*/
	  } 
.menup {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    font-weight: bold;
	padding:3px;
}	  
.mainlevel  {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    font-weight: bold;
	padding:3px;
	padding:3px;
	color: #000066;

	text-decoration:none;

	  }  
.mainlevel a,.mainlevel a:visited {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    font-weight: bold;
	padding:3px;
	padding:3px;
	color: #000066;

	text-decoration:none;

	  }   
.mainlevel a:hover {
	color: #FF0000;
	border-bottom:#FF6600 3px solid;
	  } 	  
select {
  /*width: 220px;*/
  border: 1px solid #bbb;
  background-color: #ffffff;
}	  
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');	
 
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
h1 {
  font-size: 200%;
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  color:#0033CC;
  font-style: normal;
  /*text-transform: uppercase;*/
  text-shadow:  2px 2px 2px #999999;
h2 {
 font-size: 120%; 
 color: #AA0000; 
 padding-left: 15px;
 }  
h3 {
 font-size: 100%; 
 color: #444444; 
 padding-left: 20px;
 } 
 
 .adresse  {
 font-size: 16px; 
 color: #FFFFFF; 
 padding-left: 20px;
 }
.search input {
  /*width: 220px;*/
    border-radius: 25px;
  border: 1px solid #bbb;
  background-color: #FFFFFF;
}



        .homediv {
            font-family: Georgia, Times, "Times New Roman", serif !important;
            font-weight: 500;
            color: #666666 !important;
            padding: 2px;
            width: auto;
            margin: 5px;
            background: linear-gradient(135deg, 
                rgba(255, 255, 255, 0.4) 0%, 
                rgba(255, 255, 255, 0.2) 50%,
                rgba(255, 255, 255, 0.1) 100%
            );
            border-radius: 16px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(9.5px);
            -webkit-backdrop-filter: blur(9.5px);
            border: 1px solid rgba(255, 255, 255, 0.7);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .homediv::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent, #4a9eff);
            animation: animate 3s linear infinite;
        }

        @keyframes animate {
            0% {
                left: -100%;
            }
            50% {
                left: 100%;
            }
            100% {
                left: 100%;
            }
        }


        .homediv:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 35px rgba(0, 0, 0, 0.15);
            background: linear-gradient(135deg, 
                rgba(255, 255, 255, 0.5) 0%, 
                rgba(255, 255, 255, 0.3) 50%,
                rgba(255, 255, 255, 0.2) 100%
            );
        }

.homediv p {
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;!important;
	font-weight: 500;
	font-size:16px;
	color: #333333 !important;
	line-height:100%;
	margin: 10px;
	text-indent:30px;
}


.footer {
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #FFFFFF;
	margin: 5px;
	padding: 5px;
}
/*  debut button */
        .animated-button {
            padding: 2px 20px;
            font-size: 10px;
            background-color: #2196F3;
            color: white;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            position: relative;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-family: Arial, sans-serif;
            letter-spacing: 1px;
            font-weight: 600;
            width: fit-content;
            white-space: nowrap;
            text-decoration: none;
			text-indent:0;
        }

        .arrow {
            position: relative;
            opacity: 0;
            transform: translateX(-15px);
            transition: all 0.3s ease;
            width: 0;
            height: 20px;
            background-image: url('images/ar.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            overflow: hidden;
        }

        .animated-button:hover {
            background-color: #1976D2;
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(33, 150, 243, 0.3);
            padding-right: 35px;
        }

        .animated-button:hover .arrow {
            opacity: 1;
            transform: translateX(8px);
            width: 40px;
        }
		
		/* fin button */

.lang a,.lang a:visited {

  background-color: darkblue;
  color: white;
  padding: 5px 20px;
  border-radius: 20px;
  text-decoration: none;
}


.titre  h1 {
  font-size: 70px !important;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  color: #b393d3;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #957dad,
               1px 2px 0px #957dad,
               1px 3px 0px #957dad,
               1px 4px 0px #957dad,
               1px 5px 0px #957dad,
               1px 6px 0px #957dad,
               1px 10px 5px rgba(16, 16, 16, 0.5),
               1px 15px 10px rgba(16, 16, 16, 0.4),
               1px 20px 30px rgba(16, 16, 16, 0.3),
               1px 25px 50px rgba(16, 16, 16, 0.2);
}