html, body {
            height: 96%;
            margin-top: 0px !important;
            margin: 0;
        }

body {
    margin-top: 0px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 96vh;
    background-image: url('https://circ60.iarc.who.int/wp-content/uploads/2025/04/fond-page-attente-2-3.png'), linear-gradient(135deg, rgba(36, 56, 131, 1) 40%, rgba(229, 110, 156, 1));
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #fff;
}

/* Cibler spécifiquement Safari */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        body {
            background-attachment: fixed;
        }
    }
}

header {
            width: 100%;
            background-color: transparent;
            height: 40px;
            margin-top: 40px;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            top: 0px; /* Pour ne pas voir le menu passer sous Wp en admin */
            overflow: hidden; /* Assurez-vous que le débordement est caché */
        }


.mc-field-group input {border-radius:3px;
border: solid 1px #FFF;}

#wpadminbar .ab-top-secondary {
float: none;
}
#mc_embed_signup {
           background: transparent!important;
            false;
            clear: left;
   

        }
   

#mc_embed_signup .indicates-required {
display:none!important;
}

 .mc-field-group {
display: flex;
align-items: center;
        }
.mc-field-group label {
flex: 1;
}
.mc-field-group input[type="email"] {
flex: 2;	min-height:24px;
	
}
.mc-field-group .button {
margin-left: 10px;
		border-radius:3px!important;
        }
.mc-field-group .button {
margin-left: 10px;
}
input:is([type="button"], [type="submit"], [type="reset"]), input[type="file"]::file-selector-button, button {
min-height:30px;

align-items: flex-start;
text-align: center;
cursor: default;
color: #fff;
padding-block-start: 3px;
padding-block-end: 3px;
padding-inline-start: 6px;
border-top-width:0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: outset;
border-left-style: outset;
border-top-color: buttonface;
border-right-color: buttonface;
border-bottom-color: buttonface;
border-left-color: buttonface;
background-color: #ec6f9d;
box-sizing: border-box;
}
.wnews {font-size:16px;text-align:left;margin:12px 0 8px 0 }
.waiting {font-size:16px;text-align:center;}
.rscirc {font-size:16px;text-align:right;margin:12px 0 8px 0 }
img.rsx {max-width:35px; margin-top:-3px; margin-right:-3px;}
        .lang {

            
            position: relative; /* Nécessaire pour l'animation */
        }

        img.logoms {
            max-width: 300px;
            margin-left: auto;
            margin-right: auto;
        }

        header a {
            color: #fff;
            text-decoration: none;
            margin-left: 10px;
            font-size: 1rem;
        }

        .container {
            color: #fff;
            margin: 40px auto 0 auto; /* Adjust top margin to account for fixed header */
            text-align: center;
            flex: 1; /* Allow container to grow and shrink */
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        h1 {
            font-size: 2.8em;
            font-weight: 600;
            margin-bottom: 0;
            margin-top: 2rem;
        }

        .decimal, .decimala, .decimalb, .decimalb {
            letter-spacing: 0.07em;
        }

        .waiting {
            max-width: 680px;
            margin-left: auto;
            margin-right: auto;
            font-size:14px;
        }
        .wnewspc {text-align: left; font-size: 12px;padding-top:0px;}
        .wnewspc a{color:#fff; }

        #countdown ul {
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            padding-inline-start: 0px;
        }

        li {
            display: inline-block;
            font-size: 1.5em;
            list-style-type: none;
        }

        li span {
            display: block;
            font-size: 1rem;
            font-weight: 600;
        }

        #countdown li span {
            display: block;
            font-size: 5rem !important;
            font-weight:800!important;
        }
        
#countdown li {font-size:16px; font-weight:100;}

#countdown li:after {             content:'';
	display: inline-block;
	width: 20px;
}
#countdown li:last-child::after  {             content:'';
	display: inline-block;
	width: 0px; /* Ajustez la valeur selon l'espace souhaité */}
p.wnews, p.rscirc{font-size:12px;}
.wnewspc {
    text-align: left;
    font-size: 12px;
    padding-top: 0px;
        }


        .emoji {
            display: none;
            padding: 1rem;
        }

        .emoji span {
            font-size: 4rem;
            padding: 0 .5rem;
        }

        @media all and (max-width: 768px) {
            	body {
display: initial!important;
	}
	h1 {padding-top:0.5em!important;}
	    .container {
max-height: 780px;
				text-align:left;
margin: 0px auto 0 auto;
}
    img.logoms {
max-width: 180px;
margin-top: 1em;
margin-left: 1em!important;
margin-right: auto;
}
    
	li.resp {display:none;}
	
        .responsive-box {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

            h1 {
                font-size: calc(1.5rem * var(--smaller));
            }

            li {
                font-size: calc(1.125rem * var(--smaller));
            }

            li span {
                font-size: calc(3.375rem * var(--smaller));
            }

        }

.responsive-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 650px;
    margin-top: 30px;
    padding-top:20px;
    margin-left: auto;
    margin-right: auto;
    border-top: solid 1px #fff;
}

        .responsive-box {
            flex: 1;
            box-sizing: border-box;
        }

        .boxrs {
            display: flex;
            flex-direction: column;
        }

        .new-divs-container {
            display: flex;
            justify-content: flex-end;
            width: 100%;
        }

        .new-divs-container > div {
            margin-left: 10px;
        }
            @media (min-width: 781px) {
        .responsive-box.vvo {
            width: 54%;
            flex: none;
        }
    }

@media (max-width: 780px) {
    
 body {width: 100%;
  height: 96vh;
  background-image: url('https://circ60.iarc.who.int/wp-content/uploads/2025/04/fond-page-attente-2-3.png'), linear-gradient(135deg, rgba(36, 56, 131, 1) 50%, rgba(229, 110, 156, 1));
    }
    
    
    .container {
max-height: 780px;
margin: 0px auto 0 auto;
        text-align:center;
}
    img.logoms {
max-width: 180px;
margin-left: 1em;
margin-right: auto;
}
    
#countdown li {font-size:16px; font-weight:100;}

#countdown li:after {             content:'';
	display: inline-block;
	width: 0px;
}
#countdown li:last-child::after  {             content:'';
	display: inline-block;
	width: 0px; /* Ajustez la valeur selon l'espace souhaité */}
p.wnews, p.rscirc{font-size:11px;}
.wnewspc {
text-align: left;
font-size: 12px;
padding-top: 0px;
    }
 
    .resp li {font-size:10px;}
.wnewspc {
text-align: center;
font-size: 10px;
padding-top: 5px;
margin-top: 0px;
}
    .decimal{
letter-spacing: 0;
}
    
    header a {
color: #fff;
text-decoration: none;
margin-left: 14px;
font-size: 0.8rem;
}
    
    header {
height: 40px;
margin-top: 0px;

}
    .lang {
padding: 11px 20px 0px 5px;
background: #2f3b83;
position: relative;
}

    
h1 {
font-size: 1.5em!important;
font-weight: 600;
margin-bottom: 0;
margin-top: 0.8rem;
}
    .wnews {
font-size: 11px;
text-align: left;
margin: 12px 0 8px 0;
}
    .rscirc {
        display:none;
font-size: 11px;
    }
    #countdown ul {
display: block;
margin-block-start: 0em!important;
margin-block-end: 0em!important;
padding-inline-start: 0px!important;
}
    #countdown li span {
display: block;
font-size: 4rem !important;
margin-bottom:-12px!important;
padding: 0px!important;
}
    .waiting {
font-size: 11px;
text-align: center;
padding-left: 3em;
padding-right: 3em;
}
            img.logoms {
max-width: 180px;
margin-left: auto;
margin-right: auto;
        }
    .new-divs-container {
 justify-content: center;
            align-items: center; /* Center items vertically */
        }

        .new-divs-container > div {
            margin: 0 5px; /* Adjust horizontal spacing between items */
        }
    

    .responsive-container {
display: flex;
        flex-direction: column;
width: 100%;
max-width: 650px;
margin-top: 3px;
            padding-top:0px;
margin-left: auto;
margin-right: auto;
border-top: solid 1px #fff;
}

    .decimala, .decimalb, .decimalc {
        display: none !important;
    }

    #hours, #minutes, #seconds {
        display: none !important;
    }

    /* Supprimer les deux-points */
    #countdown li span::after {
        content: "";
    }
}

        @media (max-width: 600px) {
            .content {
                padding: 10px;
            }
        }