*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}

body {
	height: 100vh;
	width: 100%;
	background-image: url("../img/WC_Fond_Formulaire_01.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;	
	background-size: cover;
}
#blockCD {
	font-family: 'Open Sans', sans serif;
	display: none;
	text-align: center;
	padding-top: 50px;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}


#countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding-top: 50px;
}
.tag {
	width:150px;
	padding: 30px;
	border-radius: 10px;
	background:#343434;
	color: #fff;
	text-align: center;	
}
.value {
	display: block;
	font-weight: 700;
	font-size: 30px;
}

.label {
	text-transform: uppercase;
	font-size: 14px;
}


h1 {
	font-size: 2em;
	font-weight: 400;
	color: #616161;
	/*text-shadow: 2px 2px 4px #3C3C3C;*/
	text-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}
h5 {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 1em;
	font-weight: 400;
	color: #616161;
	
}

.title {
	display: inline-block;
	padding-top: 50px;
	text-align: center;
	font-size: 1.2em;
	color: #FFF;
}

.form {
	height: auto;
	width: 100%;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 20px;
	padding-top: 50px;
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom: 45px;
}
.formAdmin {
	height: auto;
	width: 100%;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 20px;
	padding-top: 50px;
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom: 45px;
	margin-top: 100px;
}

#validation {
	height: auto;
	width: 100%;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 20px;
	padding-top: 50px;
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom: 45px;
}
.iconThinGreen {
	color: #7ABB92;
	font-weight: 100;
	font-size: 6em;	
}

.section {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.2em;
	color: #616161;
}

.space {
	display: block;
	height: 25px;
}

.listCocktail {
	display: block-inline;
	padding-top: 10px;
	padding-left: 30px;
}
.italic {
	font-style: italic;
}
.listCocktail ul {
	list-style-type: none;
}
.helpfichier {
	padding-left: 20px;
}
.mg10 {
	margin-left: 10px;
}

.red {
	color:red;
}

.update {
	display: inline-block;
	/*padding-top: 20px;*/
	font-style: italic;
}
.rules {
	margin: 15px;
}
.reglement {
	display: inline-block;
	text-align: center;
}
.reglement a, a:hover{
	text-decoration: underline;
	font-weight: bold;
}
.centerBlock {
		width: 250px;
		margin:auto;
}
.pad10 {
	padding: 10px;
}
.pad20 {
	padding: 20px;
}
.center {
	display: inline-block;
	text-align: center;
	width: 100%;
}
.underline {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.border {
	border: 1px solid #000;
	width: 100%;
}
.justify {
	text-align: justify;
	text-justify: inter-word;	
}
.sTitleBlock {
	padding: 0 0 0 50px;
}
.sTitle {
	font-weight: bold;
	padding: 0 0 0 50px;
}
.sTitleCenter {
	font-weight: bold;
	padding: 0;
	text-align: center;
}
.spaceH {
	height: 25px;
}
ul.u {
	margin-left: 50px;
	}
ul.u li{
	margin-left: 15px;
	text-align: justify;
	text-justify: inter-word;
	padding-bottom: 25px;
}
ol.f {
	margin-top: 15px;
	list-style-type: lower-alpha;
	margin-left: 15px;
	}
ol.f li{
	margin-left: 25px;
	text-align: justify;
	text-justify: inter-word;
}
ol.f2 {
	list-style-type: lower-alpha;
	margin-left: 15px;
	}
ol.f2 li{
	text-align: justify;
	text-justify: inter-word;
}


ol.g {
	list-style-type: decimal;
	margin-left: 15px;
	}

ol.g li {
	padding-bottom: 20px;
	text-align: justify;
	text-justify: inter-word;
}

ol.e {
	list-style-type: lower-roman;
	margin-left: 15px;
}
ol.e li {
	list-style-type: lower-roman;
	margin-left: 25px;
	text-align: justify;
	text-justify: inter-word;
}

.custom-file-input ~ .custom-file-label:lang(fr)::after {
  content: "Parcourir";
}
.validation {
	display: block;
	width: 100%;
	margin: auto;
	text-align: center;
}

.logoReglement {
	width: 250px;
	height: 118px; 
	background-image: url("../img/img_reglement_2x.png");
	background-repeat: no-repeat;	
}


.imgExcel {
	width: 649px;
	height: 309px; 
	background-image: url("../img/excel_img.png");
	background-repeat: no-repeat;	
}

a.rulesLink:hover {
	font-weight: normal;
}
.messageUploadOK {
	margin-top: 15px;
	width: 350px;
	padding: 10px;
	font-weight: bold;
	font-size: 1em;
	color: #7ABB92;
	border: 1px solid #7ABB92;
	border-radius: 10px;
}
.messageUploadKO {
	margin-top: 15px;
	width: 350px;
	padding: 10px;
	font-weight: bold;
	font-size: 1em;
	color: #E33D3E;
	border: 1px solid #E33D3E;
	border-radius: 10px;
}
#messageFichier1 {
	padding-left: 15px;
}
#messageFichier2 {
	padding-left: 15px;
}
#messageFichier3 {
	padding-left: 15px;
}

/*----------- scroll bar -----------------*/

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
body::-webkit-scrollbar {
    background-color: #000;
    width: 12px;
}

/* background of the scrollbar except button or resizer */
body::-webkit-scrollbar-track {
    background-color: #000;
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
    background-color: #303030;
    border-radius: 8px;
    border: 4px solid #000;
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {
    display:none;
}
#UploadFile1 {
	display: inline-block;
	margin-left: 15px;
}

#UploadFile2 {
	display: inline-block;
	margin-left: 15px;
}

#UploadFile3 {
	display: inline-block;
	margin-left: 15px;
}

#progressBar1 {
	margin-left : 15px;
	display: none;
}
#progressBar2 {
	margin-left : 15px;
	display: none;
}
#progressBar3 {
	margin-left : 15px;
	display: none;
}
.progressZone {
	height: 25px;
}

/* css page dashboard */

.page_dashboard {
	width: 100%;
	height: 95vh;
	background-color: #fff;
	
}

@media (max-width:475px){
	
.imgExcel {
	margin-left: auto;
	margin-right: auto; 
	background: url("../img/excel_img_1x.png") center;
	background-repeat: no-repeat;	
	width: 325px;
	height: 155px;
}

#blockCD {
	font-family: 'Open Sans', sans serif;
	display: none;
	text-align: center;
	padding-top: 25px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}


#countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding-top: 25px;
}
.tag {
	width:100px;
	padding: 30px;
	border-radius: 10px;
	background:#343434;
	color: #fff;
	text-align: center;	
}
.value {
	display: block;
	font-weight: 700;
	font-size: 20px;
}

.label {
	text-transform: uppercase;
	font-size: 12px;
}



}
@media (max-width:394px){
h1 {
	font-size: 1.5em;
	font-weight: 400;
	color: #616161;
	/*text-shadow: 2px 2px 4px #3C3C3C;*/
	text-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}	
.imgExcel {
	margin-left: auto;
	margin-right: auto; 
	background: url("../img/excel_img_1x.png") center;
	background-repeat: no-repeat;	
	width: 325px;
	height: 155px;
}

#blockCD {
	font-family: 'Open Sans', sans serif;
	display: none;
	text-align: center;
	padding-top: 25px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}


#countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding-top: 25px;
}
.tag {
	width:80px;
	padding: 20px;
	border-radius: 10px;
	background:#343434;
	color: #fff;
	text-align: center;	
}
.value {
	display: block;
	font-weight: 700;
	font-size: 17px;
}

.label {
	text-transform: uppercase;
	font-size: 10px;
}



}