@charset "utf-8";
/* CSS Document */

.div_principale{
	background-image:url('../cg/fond0.jpg');
	width:1000px;
	height:620px;
}

.tbl_position{
	position:absolute;
	top:135px;
	left:10px;	
	height:450px;
	width:980px;
	overflow:hidden;
	vertical-align:middle; 
}



.radio {
	height: 56px;
	width: 56px;
	clear:left;
	float:left;
	margin: 0 0 3px;
	padding: 0 0 0 26px;	
	cursor: default;
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
}

.radio_t {
	height: 242px;
	width: 250px;
	/*clear:left;
	float:left;*/
	margin: 0 0 3px;
	padding: 0 0 0 0px;
	background-repeat:no-repeat;
	cursor: default;
	background-position:0 0;
}

.radio_te {
	height: 258px;
	width: 290px;
	/*clear:left;
	float:left;*/
	margin: 0 0 3px;
	padding: 0 0 0 0px;
	background-repeat:no-repeat;
	cursor: default;
	background-position:0 0;
}



.checkbox {
	height: 35px;
	width: 127px;
	clear:left;
	float:left;
	margin: 0 0 3px;
	padding: 0 0 0 26px;
	cursor: default;
	text-align:left;
}
.suivant {
	height:35px;
	width:127px;
	background-image:url('../cg/suivant.png');
	background-position:21px 0px;
	background-repeat:no-repeat; 
}
.suivant:hover{
	background-position:21px -35px;
}
.suivant:active{
	background-position:21px -70px;
}
.checkbox input,.radio input,.radio_t input,.radio_te input{
	display: none;
}
.checkbox input.show,.radio input.show,.radio_t input.show,.radio_te input.show {
	display: inline;
}
.selected {
	background-position: 0 -86px;
}
.selected_p {
	background-position: 0 -292px;
}
.radio:hover{
	background-position: 0 -43px;
}
.radio_p:hover{
	background-position: 0 -150px;
}
.radio_p2:hover{
	background-position: 0 -125px;
}
.block {
	width: 50%;
	float: left;
}
.masquer_td {
	display: none;
}
.afficher_td {
	display: table-cell;	
	/*display:inline-table;*/
}
body {
	font-family:arial;
	font-size:13px;
	color:#343434;
}
.soleil{
	background-image:url('../cg/soleil.png');
	position:absolute;
	top:425px;
	left:650px;
	height:155px;
	width:133px;
	background-repeat:no-repeat;
	background-position:0 0;
}

.btnlogin {
	height:40px;
	width:85px;
	background-position:0px -40px;
	background-repeat:no-repeat; 
	z-index: 1000;
}
#ok{
	background-image:url('../cg/ok.png');
}
#annuler{
	background-image:url('../cg/annuler.png');
}
.btnlogin:hover{
	background-position:0px 0px;
}
.btnlogin:active{
	background-position:0px -80px;
}
#layer1{
	color:#FFF; 
	display:none; 
	position:fixed; 
	z-index:10000;  
	width:310px; 
	height:155px; 
	top:260px; 
	left:375px; 
	background-repeat:repeat-y;
	background-image:url('../cg/fond-connexion.jpg');	
}
#layer3{
	color:#FFF; 
	display:none; 
	position:fixed; 
	z-index:10000;  
	width:410px; 
	height:155px; 
	top:260px; 
	left:350px; 
	background-repeat:repeat;
	background-image:url('../cg/fond-connexion.jpg');	
}
#layer3 .input3{
	width:250px;
}
#layer2{
	color:#FFF; 
	display:none; 
	position:fixed; 	
	z-index:10000;  	
	width:1000px;
	height:620px;
	top:0px;	
	left:0px;
	background-position: center center;
	background-repeat:no-repeat;	
	background-size: auto 85%;
}
#fermer{
	color:#FFF; 
	display:none; 
	position:fixed; 	
	z-index:10001;  	
	width:40px;
	height:40px;
	top:40px;	
	left:800px;
	background-repeat:no-repeat;		
	background-image:url('../cg/fermer.png');
	cursor:pointer;
}

#aff{
	display:none;
	position:fixed;
	z-index:9999; 
	top:0; 
	left:0; 
	height:100%;
	width:100%;  
    background-color:#000000;
	-moz-opacity:0.50; 
	opacity:0.50; 
	filter:alpha(opacity=50); 
	-khtml-opacity:0.50;
}
.input{
	width:100px;
}