/*
********************************
Site en construction
********************************
*/
/* titre d'information sur chaque page en construction */
.uds-info-construction {
	position:absolute;
	left: 0;
    right: 0;
    margin: auto;
	font-style: italic;
    text-align: center;
}
.uds-under_construction_video {
	background-color: #746f6f;
	height: 100vh;
	width: 100vw;
	object-fit: cover;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 1;
	filter: contrast(0.15);
	z-index: -1;
}
.uds-site_en_construction {
	left:0;
	right:0;
	top: 0;
	bottom:0;
}
.uds-under_construction_content {
	position: absolute;
	max-width: 1210px;
	width: 80%;
    margin: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	/* Mise en colonne du logo et de uds-ouverture_prochaine */
	display: flex;
    flex-flow: column;
}
.uds-site_en_construction .uds-ouverture_prochaine h1,
.uds-site_en_construction .uds-ouverture_prochaine h2,
.uds-site_en_construction .uds-ouverture_prochaine h3,
.uds-site_en_construction .uds-ouverture_prochaine h4,
.uds-site_en_construction .uds-ouverture_prochaine h5,
.uds-site_en_construction .uds-ouverture_prochaine h6 {
	font-family: 'mogra';
	text-align: center;
	margin-bottom: 10px;
	color: gainsboro;
	text-shadow: 1px 1px 3px #333;
}
.uds-site_en_construction .logo {
	text-align: center;
	width: fit-content;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
@media screen and (min-width:981px) { 
.uds-under_construction_content { height: 300px; }
.uds-site_en_construction .logo h1 { font-size: 70px; }
.uds-site_en_construction .logo p {font-size: 14px; }
.uds-site_en_construction .logo a img {	margin-bottom: 10px; }
.uds-site_en_construction .logo .uds_title_basket {	bottom: -0.3em !important; right: -1.52em !important; top: unset !important; left: unset !important; }
.uds-site_en_construction .uds-social_network { position:fixed; right: 0; bottom: 0; width: fit-content; margin: 0px 10px 10px 0px; }
}
@media screen and (min-width:768px) and (max-width:980px) { 
.uds-under_construction_content { height: 300px; }
.uds-site_en_construction .logo h1 { font-size: 55px; }
.uds-site_en_construction .logo p { font-size: 12px; }
.uds-site_en_construction .logo a img {	margin-bottom: 10px; }
.uds-site_en_construction .logo .uds_title_basket {	bottom: -0.3em !important; right: -1.52em !important; top: unset !important; left: unset !important; }
.uds-site_en_construction .uds-social_network { position:fixed; right: 0; bottom: 0; width: fit-content; margin: 0px 10px 10px 0px; }
}
@media screen and (min-width:481px) and (max-width:767px) {
.uds-under_construction_content { padding-top: 30px; margin-top: auto; margin-bottom: auto; height: 318px; }
.uds-site_en_construction .logo { width: 216px !important; }
.uds-site_en_construction .logo h1 { font-size: 48px; }
.uds-site_en_construction .logo p { font-size: 12px; }
.uds-site_en_construction .logo a { margin: 0px auto !important; }
.uds-site_en_construction .logo a img {	margin-bottom: 0px; }
.uds-site_en_construction .logo .uds_title { text-wrap: balance; }
.uds-site_en_construction .logo .uds_title_basket {	bottom: -0.3em !important; right: -1.52em !important; top: unset !important; left: unset !important; }
.uds-site_en_construction .uds-social_network { position: relative; padding: 0; left: 0; right: 0; width: fit-content; margin: 0px auto 10px auto; }
.uds-site_en_construction .uds-social_network span { display: none !important; }
}
@media screen and (max-width:480px) { 
.uds-under_construction_content { margin-top: auto; margin-bottom: auto; height: 431px; }
.uds-site_en_construction { overflow: hidden; }
.uds-site_en_construction .logo { width: 154px !important; }
.uds-site_en_construction .logo h1 { font-size: 48px; }
.uds-site_en_construction .logo p {font-size: 12px; }
.uds-site_en_construction .logo a img {	margin-bottom: 0px; }
.uds-site_en_construction .logo .uds_title { text-wrap: balance; }
.uds-site_en_construction .logo .uds_title_basket {	bottom: -0.3em !important; right: -1.52em !important; top: unset !important; left: unset !important; }
.uds-site_en_construction .uds-social_network { position: relative; padding: 0; left: 0; right: 0; width: fit-content; margin: 0px auto 10px auto; }
.uds-site_en_construction .uds-social_network span { display: none !important; }
}

.uds-site_en_construction .logo {
	padding: 0;
	
	display: flex !important;
    flex-direction: column-reverse !important;
	/*margin-bottom: -25px !important;*/
}
.uds-site_en_construction .logo img {
	-webkit-filter: drop-shadow(2px 2px 2px #222);
    filter: drop-shadow(2px 2px 2px #222);
    transition: all 0.1s ease-in-out;
}
.uds-site_en_construction .logo a {
	margin: 0 auto;
	/*margin: 10px auto;*/
}
.uds-site_en_construction .logo h1, .uds-site_en_construction .logo p {
	position: relative;
}
.uds-site_en_construction .logo h1, .uds-site_en_construction .logo p {
	line-height: 1em !important;
}
.uds-site_en_construction .logo h1 {
	font-family: 'nanumpenscript';
    /*font-size: xxx-large; /*==> A utiliser pour petite resolution*/
    font-weight: bold;
    margin-top: 2px;
    line-height: 0.7;
    margin-bottom: -5px;
}
.uds-site_en_construction .logo p {
	text-shadow: 0px 0px 1px #333;
	
	letter-spacing: 1px;
    font-family: 'mogra';
	margin-bottom: 10px;
}
.uds-site_en_construction .logo .uds_title {
	position: relative;
	width: fit-content;
    margin: auto;
}
.uds-site_en_construction .logo .uds_title_union {
	color: black;
	text-shadow: -2px -3px 0px gainsboro, 7px 7px 15px #000;	
}
.uds-site_en_construction .logo .uds_title_basket {
	background: -webkit-linear-gradient(#dd3333, #ff9666);
	background: -webkit-linear-gradient(#ff6636, #bbff22);
	background: -webkit-linear-gradient(#dd3333, #bbff22);
	background: -webkit-linear-gradient(#ff0000, #f6e05e);
	background: -webkit-linear-gradient(#ff0000, #bbff22);
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(3px 3px 0px gainsboro) drop-shadow(10px 10px 15px #000);
	
	width: fit-content;
    position: absolute;
    -webkit-transform: rotate(-8deg);
    -moz-transform: skew(-8deg);
    -ms-transform: skew(-8deg);
    -o-transform: skew(-8deg);
}
.uds-site_en_construction .logo .uds_title_basket:hover {
	animation-name: big-pulse_construction !important;
	-webkit-animation-name: big-pulse_construction !important;
	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.uds-site_en_construction .uds-social_network {
	display: flex;
    flex-direction: row;
	line-height: 1.2em;
	font-size: 0.8em;
}
.uds-site_en_construction .uds-social_network a,
.uds-site_en_construction .uds-social_network span {
	margin: auto;
	text-shadow: 0 0 0 black;
}

/*
***************************************
Défilement de texte
***************************************
*/
.uds-texte_defilant {
  display: block;
  margin: 0px auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 60px;
}
.uds-texte_defilant div {
  position: absolute;
  min-width: 100%;
} 
.uds-texte_defilant div span, 
.uds-texte_defilant div:after {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  white-space: nowrap;
  top:0;
  color:whitesmoke;
}
 .uds-texte_defilant div span {
  animation: defilement 10s infinite linear;
}
.uds-texte_defilant div:after {
  position: absolute;
  top:0; left:0;
  content:attr(data-text);
  animation: defilement2 10s infinite linear;
}
@keyframes defilement {
  0% { margin-left: 0; }
  100% { margin-left: -100%; }
}
 
@keyframes defilement2 {
  0% { margin-left: 100%; }
  100% { margin-left: 0%; }
}

/*
***************************************
***************************************
*/

/* Code html associé:
<div class="uds-site_en_construction">
<div class="uds-under_building_area uds-shadow uds-border">
    <div class="uds-under_building_ball">
      <div class="uds-under_building_smash_ball">
        <div class="uds-under_building_bouncing_ball_shadow">
          <div class="uds-under_building_bouncing_ball_light"></div>
          <div class="uds-under_building_bouncing_ball_rotation"></div>
        </div>
      </div>
    </div>
<div class="logo">
        <a href="http://82.65.63.100/wordpress/wp-admin" class="custom-logo-link" rel="home"><img width="106" height="106" src="http://82.65.63.100/wordpress/wp-content/uploads/2023/07/LogoUSDB_sans_texte.png" class="custom-logo" alt="UNION DECHY SIN GUESNAIN" decoding="async"></a>           <h1>
			   <a href="http://82.65.63.100/wordpress/accueil" rel="home">
				   <div class="uds_title">
					  <div class="uds_title_shadow">UNION DECHY SIN GUESNAIN</div>
					  <div class="uds_title_text">UNION DECHY SIN GUESNAIN</div>
				   </div>
			   </a>
			   <a href="http://82.65.63.100/wordpress/accueil" rel="home">
				   <div class="uds_title_basket title-bounce-then-pulse">
					  <div class="uds_title_basket_shadow"><span>BASKET</span></div>
					  <div class="uds_title_basket_text"><span>BASKET</span></div>
				   </div>
			   </a>
		   </h1>
                            <p>Un club, une famille…</p>
                    </div>
<!--    <div class="uds-under_building_text">
      <h2>UNION DECHY SIN GUESNAIN BASKET</h2>
      <p>Suivez-nous sur les réseaux sociaux.</p>
    </div>
-->
    <div class="uds-social_network"><span>Retrouvez-nous sur les réseaux sociaux...</span>
<a href="https://www.facebook.com/udsbasket" rel="noopener nofollow" target="_blank" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a>
<a href="https://www.instagram.com/uniondechysinguesnain" rel="noopener nofollow" target="_blank" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a>
    </div
</div>
<div class="uds-texte_defilant">
	<span>Pour la phase qualif, cliquez sur le titre pour accéder au site.</span>
</div>

</div> <!-- site_en_construction -->





<div class="uds-site_en_construction">
<div class="uds-under_construction_content">
<div class="logo">
				<a href="http://82.65.63.100/wordpress/wp-admin" class="custom-logo-link" rel="home"><img width="106" height="106" src="http://82.65.63.100/wordpress/wp-content/uploads/2023/07/LogoUSDB_sans_texte.png" class="custom-logo" alt="UNION DECHY SIN GUESNAIN" decoding="async"></a><a href="http://82.65.63.100/wordpress/actualites" rel="home"><div class="uds_title">
<h1><span class="uds_title_union">UNION DECHY SIN GUESNAIN</span><span class="uds_title_basket title-bounce-then-pulse_construction">BASKET</span></h1>
</div></a>Un club, une famille…</div>
<div class="uds-social_network"><span>Retrouvez-nous sur les réseaux sociaux…</span><a href="https://www.facebook.com/udsbasket" rel="noopener nofollow" target="_blank" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a><a href="https://www.instagram.com/uniondechysinguesnain" rel="noopener nofollow" target="_blank" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></div>
<div class="uds-ouverture_prochaine">
<h3>Ouverture prochaine du site</h3>
<h6>Basket-ball - Source d'inspiration</h6>
</div>
</div>
<div class="uds-texte_defilant">
<div data-text="Pour la phase qualif, cliquez sur le titre pour accéder au site. Cliquez sur le logo pour accéder à l'éditeur WordPress. "><span>Pour la phase qualif, cliquez sur le titre pour accéder au site. Cliquez sur le logo pour accéder à l'éditeur WordPress.&nbsp;</span></div>
</div>
</div>
<!-- site_en_construction -->

*/