html {
	height: 100%; width:100%;
}
body{
	height: 25%; width:97%; 
	background-color:#5C5F58; 
	/*
	background:-webkit-repeating-linear-gradient(90deg, rgb(253, 250, 250) 0%, rgb(33, 33, 33) 50%, rgb(253, 248, 248) 100%);
	background:-o-repeating-linear-gradient(90deg, rgb(253, 250, 250) 0%, rgb(33, 33, 33) 50%, rgb(253, 248, 248) 100%);
	background:-moz-repeating-linear-gradient(90deg, rgb(253, 250, 250) 0%, rgb(33, 33, 33) 50%, rgb(253, 248, 248) 100%);
	background:repeating-linear-gradient(90deg, rgb(253, 250, 250) 0%, rgb(33, 33, 33) 50%, rgb(253, 248, 248) 100%);*/
}
#main {
	width:98%;
	height:98%;
	margin: auto;
	font-family:raleway;
	/* background-color:#356a8c; */	
}

#login span {
	color:red
}
h1 {
	/* background-color:#356a8c; */
	text-align:center;
	/* border-radius:10px 10px 0px 0px; */
	margin:-10px -40px;
	margin-bottom:5px;
	padding:15px; 
	font-family: 'Open Sans', Liberation Sans, Calibri, Arial, sans-serif !important ;
	color:white;
	font-size: 3.6em;
}
h2 {
	/* background-color:#356a8c; */
	text-align:center;
	/* border-radius:10px 10px 0px 0px; */
	margin:-10px -40px;
	margin-bottom:5px;
	/* padding:15px;  */
	font-family: 'Open Sans', Calibri, Arial, sans-serif !important ;
	color:#FFCB00;
	font-size: 2.6em;
}
h4 {
	margin: 10px 0;
	/* font-weight: 400; */
	font-family: 'Open Sans', sans-serif;
	font-size: 14px; font-weight: bold;
	color: #2F2F2F;
}
hr {
	border:0;
	border-bottom:1px solid #ccc;
	margin:10px -40px;
	margin-bottom:30px
}
label{
	color:white;
}
#login {
	max-width:300px;
	/* float:left; */
	border-radius:10px 10px 10px 10px;
	background-color:#ffffff;
	font-family:raleway;
	border:2px solid #ccc;
	/* padding:30px 20px; */
	padding:10px 40px 25px;
	position : relative;
	margin-top:3%;
	margin-left:35%;
	/* margin-top:70px; */
	/* margin-left:300px; */

}
#login input[type=password] {
	width:99.5%;
	padding:10px;
	margin-top:8px;
	/* margin-left:9px; */
	border:1px solid #ccc;
	padding-left:5px;
	font-size:16px;
	font-family:raleway, arial;
}
#login input[type=text]{
	width:99.5%;
	padding:10px;
	margin-top:8px;
	/* margin-left:9px; */
	border:1px solid #ccc;
	padding-left:5px;
	font-size:16px;
	font-family:raleway, arial;
}
#login input[type=submit] {
/* #login button[name=submit] { */
	width:99.5%;
	background-color:#FFCB00;
	color:#356a8c;
	border:2px solid #FFCB00;
	padding:10px;
	font-size:20px;
	cursor:pointer;
	border-radius:5px;
	margin-bottom:15px;
	margin-left:9px;
	margin-top:6px
}
#login input[type=submit]:hover {
/* #login input[name=submit]:hover { */
	width:99.5%;
	background-color: #212121;
	color: white;
	border:2px solid #000000;
	padding:10px;
	font-size:20px;
	cursor:pointer;
	border-radius:5px;
	margin-bottom:15px;
	margin-left:9px;
	margin-top:6px
}


.oubliMdp {
	border: none;
	background-color: transparent;
	color: #2F97C6;
	border-radius: 0;
	padding-left: 20%;
	margin-left:9px;
	margin-top:6px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	}
#oubliMdp:hover {
	font-style : underline;
	font-size: 1.01em;
}
.pays_membres{
	width:107%;
	height: 30%;
	clear: both;
	/* margin-top:10%; */
	margin-left:-80px;
	background-color:#356a8c;
	text-align:center;
	font-weight:bold;
	/* border-radius:0px 0px 10px 10px; */
	padding:10px 0px 10px; 
	font-family:arial;
	color:white; font-size:10pt;
	position:relative; bottom:-20%;
}


#modalObj{
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 1000;
	height: 495px; 
	/* background-color: #960018;  */
	background: #e52d27;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #b31217, #e52d27);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #b31217, #e52d27); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	opacity: 0.1; 
	display: none;
}

#conteneur_alert{
	display: none;
	position: absolute;
	z-index: 1001;
	left: 50%;
    top: 50%;
    margin-left: -140px; /* Cette valeur doit être la moitié négative de la valeur du width */
    margin-top: -100px;
	width:320px; height:140px; border-radius: 10px; 
	padding:25px;
	text-align:center;
	background: RGB(60,60,60);
	font-weight:bold;
	color:#ffebb5;
	border: 3px solid #ffebb5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#conteneur_alert_bis_{
	display: none; width: 100%;
	opacity: 0.1; 
	position: absolute; left:0px; top: 0px;
	z-index: 1;	
	background: #e52d27;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #b31217, #e52d27);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #b31217, #e52d27); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#conteneur_alert_bis{
	display: none;
	position: absolute; left: 43%; top: 33%;
	z-index: 1001;	
    margin-top: -100px; padding-top: 80px; 
	margin-left: -140px; /* Cette valeur doit être la moitié négative de la valeur du width */
	border: 3px solid #2C7744; width:420px; height:250px;
	border-radius: 10px; padding:25px; text-align:center; font-weight:bold; color:#ffebb5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #000000;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #0f9b0f, #000000);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #0f9b0f, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	
}
.boutonSubmit {
/* #login button[name=submit] { */
	width:99.5%;
	background-color:#212121;
	color:#356a8c;
	border:2px solid #FFCB00;
	padding:10px;
	font-size:20px;
	cursor:pointer;
	border-radius:5px;
	margin-bottom:15px;
	margin-left:9px;
	margin-top:6px
}