@media only screen and (max-width:1024px) {
	#h1 {
	width:25%;
	margin:25px 2% 0 73%
	}

	.passRet2 {
	width:48%;
	font-size:11px;
	text-align:right;
	margin:25px 1% 0 1%;
	padding:1px 0 0 0
	}

	.passRet3 {
	width:48%;
	font-size:11px;
	margin:25px 1% 0 1%;
	border:0;
	padding:0
	}
}

@media only screen and (max-width:940px) {
	#inscription_case, #connexion_case {
	width:80%;
	height:auto;
	margin:45px 10% 0 10%
	}

	#left_register {
	width:100%;
	float:left;
	font-size:15px;
	text-align:left;
	font-weight:bold;
	font-family:verdana;
	color:#0d2d44;
	margin:25px 0 0 0;
	padding:0 0 0 15px
	}

	#register {
	width:50%;
	background-color:red;
	font-size:15px;
	font-weight:bold;
	font-family:verdana;
	color:#0d2d44;
	float:left;
	border:none;
	margin:25px 25% 0 25%;
	padding:0
	}
}

@media only screen and (max-width:840px) {
	.cardList {
	width:31%;
	font-size:1px;
	margin:10px 1% 0 1%;
	padding:0
	}

	.cardList2 {
	margin:5px 0 0 0
	}

	.cardList3 {
	margin:15px 0 0 0
	}

	#goCreate {
	width:67%;
	height:40px;
	margin:10px 0 0 0;
	}

	.cc_case1, .cc_case2, .cc_case3 { font-size:12px }
}

@media only screen and (max-width:740px) {
	#h1 {
	width:20%;
	margin:10px 2% 0 78%
	}
		
	.acknowP0 { font-size:12px}

	.acknowledge {
	position:relative;
	width:70%;
	zoom:1;
	overflow:auto;
	z-index:9999;
	font-size:13px;
	font-family:verdana;
	height:250px;
	color:black;
	background-color:white;
	margin:15% auto;
	border:0;
	padding:0
	}

	.popupOpen {
	width:70%;
	zoom:1;
	overflow:auto;
	z-index:9999;
	font-size:13px;
	font-family:verdana;
	height:250px;
	background-color:white;
	margin:15% auto;
	border:solid 4px #006ab2;
	padding:10px
	}

	#container {
	background-image:url("./Design/bg2.jpg")
	}

	a.please, a.please:hover { margin:20px 0 30px 0 }

	#header {
	height:123px }

	#createCard2, #createCard1 {
	width:100%;
	margin:0 0 20px 0;
	padding:0 10px
	}

	#register {
	width:80%;
	margin:25px 10% 0 10%;
	padding:0
	}

	.cardList {
	width:48%;
	font-size:1px;
	margin:10px 1% 0 1%;
	padding:0
	}

	.cardList2 {
	margin:5px 0 0 0
	}

	.cardList3 {
	margin:15px 0 0 0
	}

	#goCreate {
	width:100%;
	height:40px;
	margin:10px 0 0 0;
	}

	.his_title1 {
	width:20%;
	font-size:12px;
	}

	.his_title2 {
	width:30%;
	font-size:12px;
	}

	.his_title3 {
	width:50%;
	font-size:12px;
	}

	.his_line1 {
	width:20%;
	height:10px;
	font-size:12px;
	}

	.his_line2 {
	width:30%;
	font-size:12px;
	}

	.his_line3 a, .his_line2 a { font-size:12px; font-family:verdana; color:#000; text-decoration:none }
	.his_line3 a:hover, .his_line2 a:hover { font-size:12px; font-family:verdana; color:#006ab2; text-decoration:underline }

	.his_line3 {
	width:50%;
	font-size:12px;
	}

	.okPC { display:none }
	.okMOB { display:inline-block }
}

@media only screen and (max-width:640px) {
	#register {
	width:98%;
	margin:25px 1% 0 1%;
	padding:0
	}

	#h1 {
	width:30%;
	margin:10px 2% 0 68%
	}

	.rg_label {
	width:60%;
	text-align:left;
	font-size:11px
	}

	.rg_p { padding-right:15px }

	.rg_caseform {
	width:38%;
	margin:0 0 0 2%
	}

	.his_title1 {
	width:30%;
	font-size:10px;
	}

	.his_title2 {
	width:32%;
	font-size:10px;
	}

	.his_title3 {
	width:38%;
	font-size:10px;
	}

	.his_line1 {
	width:30%;
	height:10px;
	font-size:10px;
	}

	.his_line2 {
	width:32%;
	font-size:10px;
	}

	.his_line3 a, .his_line2 a { font-size:10px; font-family:verdana; color:#000; text-decoration:none }
	.his_line3 a:hover, .his_line2 a:hover { font-size:10px; font-family:verdana; color:#006ab2; text-decoration:underline }

	.his_line3 {
	width:38%;
	font-size:10px;
	}
}