* {
	margin:0;
	padding:0;
	list-style-type:none;
	text-decoration:none;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
		outline:none;
}
a
{
	
	text-decoration: none;
	outline: none;
}

:focus {

	

}

	
	
	

body {
	text-align:center;
	margin: 0px;
padding:0px;
background:transparent url(../images/decoupe/Fond-page-de-demarrage2.png) repeat-x left top;
background-color:#000000;





	
}


#corps{


width:960px;


margin:auto;
overflow:hidden;
height:680px;




}

#logo{
width:960px;
height:208px;
margin-top:54px;
background:transparent url(../images/decoupe/Logo-+-Compteur-Page-de-demarrage.png) no-repeat left top; 

}
#bandeau{
	width:960px;
height:41px;
float:left;
margin-top:167px;

	}
	
	
#login{

width:960px;
height:166px;
background:transparent url(../images/decoupe/Zoneloginemail.png) no-repeat left top; 

}
#login_bis{

width:960px;
height:166px;


}
#login_bis_bis{
	float:left;
	margin-top:45px;

width:920px;
height:74px;
background:transparent url(../images/decoupe/Motdepasseoublie.png) no-repeat left top; 
}

#inscription{
width:920px;
height:36px;
padding-top:24px;
background:transparent url(../images/decoupe/Zone-devenir-membre-Page-de-demarrage.png) no-repeat left top; 

}
#sac{
width:640px;
height:200px;
background:transparent url(../images/decoupe/Les-sacs-Page-de-demarrage.png) no-repeat left top;
margin:auto;
}
#bas{
width:960px;
height:34px;
margin-top:2px;

font-size:10px;
font-weight:bold;
text-align:center;

}
#champs{

margin-left:134px;
padding-top:8px;


}
.press{
color:#FFFFFF;
display:block;
float:left;
margin-left:154px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
cursor:pointer;
line-height:32px;


}
.press:hover{
color:#147ac4;

}
.press1{
color:#FFFFFF;
display:block;
float:left;
margin-left:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
cursor:pointer;
line-height:32px;


}
.press1:hover{
color:#8cd315;

}
.press2{
color:#FFFFFF;
display:block;
float:left;
margin-left:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
cursor:pointer;
line-height:32px;


}
.press2:hover{
color:#d61ea4;

}
.press3{
color:#FFFFFF;
display:block;
float:left;
margin-left:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
cursor:pointer;
line-height:32px;


}
.press3:hover{
color:#cb5314;

}
.press4{
color:#FFFFFF;
display:block;
float:left;
margin-left:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
cursor:pointer;
line-height:32px;


}
.press4:hover{
color:#f2bb08;

}
.press5{
color:#FFFFFF;
display:block;
float:left;
margin-left:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
cursor:pointer;
line-height:32px;


}
.press5:hover{
color:#db061c;

}
#mail{
float:left;
margin-left:315px;
margin-top:1px;

width:330px;
height:33px;
color:#FFFFFF;
font-size:12px;
font-weight:bolder;



}
#mail p{
float:left;
line-height:32px;
padding-left:32px;


}
#email{
	float:right;
color:#993366;
font-size:12px;
font-weight:bolder;
border:medium none;
vertical-align:middle;
line-height:18px;

background:none;

width:194px;
height:18px;
margin-top:7px;
margin-right:14px;


}
#mail2{
float:left;
margin-left:279px;


width:350px;
height:26px;
color:#FFFFFF;
font-size:12px;
font-weight:bolder;


}
#mail2 p{
float:left;
line-height:26px;
padding-left:32px;

}
#email2{
float:right;
color:#993366;
font-size:12px;
font-weight:bolder;
border:medium none;
vertical-align:middle;
line-height:14px;
background:none;



width:200px;
height:14px;
margin-top:6px;
margin-right:14px;

}
#passe{
float:left;
margin-left:315px;
margin-top:5px;

width:330px;
height:33px;
color:#FFFFFF;
font-size:12px;
font-weight:bolder;



}

#passe p{
float:left;
line-height:32px;
padding-left:17px;

}

#pass{
float:right;
color:#993366;
font-size:12px;
font-weight:bolder;
border:medium none;
background:none;
vertical-align:middle;
line-height:18px;




width:194px;
height:18px;
margin-top:7px;
margin-right:14px;



}

#ok11{
display:block;
float:left;



border:medium none;
height:24px;
width:48px;
background:transparent url(../images/decoupe/Btn_OK.png) no-repeat top left;
cursor:pointer;
margin-left:14px;
margin-top:6px;
}
#ok11:hover{
	background:transparent url(../images/decoupe/Btn_OK.png) no-repeat top right;
	
	}
	
	
	
	
#ok2{
float:left;
margin-left:689px;
margin-top:-18px;

width:27px;
height:17px;


}

#ok22{
	display:block;
	float:left;
border:medium none;
height:24px;
width:48px;
margin-top:1px;
background:transparent url(../images/decoupe/Btn_OK.png) no-repeat top left;
cursor:pointer;


}
#ok22:hover{
background:transparent url(../images/decoupe/Btn_OK.png) no-repeat top right;

}

#ok3{
float:left;
margin-left:619px;
margin-top:-18px;

width:50px;
height:17px;



}
.ret{
display:block;
float:left;
height:20px;
width:68px;
background:transparent url(../images/decoupe/Motdepasseoublie_boutonretour.png) no-repeat top left;
cursor:pointer;
margin-left:5px;
margin-top:3px;


}
.ret:hover{
background:transparent url(../images/decoupe/Motdepasseoublie_boutonretour.png) no-repeat top right;

}
input.button{
	
border:medium none;
height:12px;
width:24px;
background:transparent url(../images/decoupe/OK.png) no-repeat top left;
cursor:pointer;


}
input.button:hover{
background:transparent url(../images/decoupe/OK.png) no-repeat top right;

}

#faux{
	float:left;
font-size:12px;
height:20px;
width:960px;
text-align:center;
margin-top:9px;


color:#FF0000;

}
.toto{
float:left;
margin-top:7px;

margin-left:248px;



display:block;
width:148px;
height:30px;
background:transparent url(../images/decoupe/Btn_devenirmembre.png) no-repeat top left;
}
.toto:hover{
background:transparent url(../images/decoupe/Btn_devenirmembre.png) no-repeat top right;
}
.toto1{
float:left;
margin-top:7px;
margin-left:37px;





display:block;
width:184px;
height:30px;
background:transparent url(../images/decoupe/btn_commentcamarche.png) no-repeat top left;
}
.toto1:hover{
background:transparent url(../images/decoupe/btn_commentcamarche.png) no-repeat top right;
}


.perdu{
display:block;
float:left;
width:110px;
height:20px;
cursor:pointer;

margin-left:464px;
margin-top:7px;
background:transparent url(../images/decoupe/Btn_motdepasseoublie.png) no-repeat top left;
}
.perdu:hover{
background:transparent url(../images/decoupe/Btn_motdepasseoublie.png) no-repeat top right;
}
#placecompteur{
float:left;
width:72px;
height:31px;
margin-top:5px;
margin-left:225px;

}


#lecompteur1{

width:72px;
height:31px;


}
#letitle{
width:800px;
height:40px;

}
#letitle1{
float:left;
width:250px;
height:32px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding-top:8px;


}
#letitle2{
float:left;
width:700px;
height:29px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-top:12px;
margin-left:210px;
}

#letitle3{
float:left;
width:650px;
height:29px;
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-top:12px;
margin-left:210px;
text-align:center;

}

#letitle4{
float:left;
width:630px;
height:29px;
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-top:12px;
margin-left:210px;
text-align:center;
}

#activv{
position:absolute;

width:486px;height:236px;
background:transparent url(../images/decoupe/Panneau_Erreur.png) no-repeat left top;
z-index:1000;

}
#activv1{
position:absolute;

width:486px;height:236px;
background:transparent url(../images/decoupe/Panneau_Bravo.png) no-repeat left top;
z-index:1000;

}

.fermer{
	display:block;
	width:112px;
	height:30px;
	float:left;
	margin-left:187px;
	margin-top:186px;
	cursor:pointer;
	border:medium none;
	background:transparent url(../images/decoupe/Btn_Fermer.png) no-repeat left top;
	
	}
	
	.fermer:hover{

	background:transparent url(../images/decoupe/Btn_Fermer.png) no-repeat right top;
	
	}