/* CSS Document */
#conteneur {
width:1024px;
margin: 0 auto;
position: relative;
border: solid;
border-color: #FFFFFF}

#habillage {
width:1024px;
height:768px;
position:relative;
background-image: url(images/index.jpg);
background-color:#3333FF;
}

#dejainscrit{
float:left;
margin-left:660px;
margin-top:607px;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;}

#insrap{
width:298px;
float:left;
margin-left:740px;
margin-top:-407px;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFFFFF;
text-align: center;
line-height:1.1em;
}

/*#recherche{
float:left;
position:relative;
margin-left:515px;
margin-top:-50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #FFFFFF;
}

/*#dernier{
float:left;
position:relative;
margin-left:625px;
margin-top:-195px;}*/

#txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:justify;
float:left;
position:relative;
margin-left:45px;
margin-top:-475px;
width:450px;
line-height:2.5em;}

#txtlegal{
width:1024px;
float:left;
position:relative;
margin-left:0px;
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color:#FFFFFF;
text-align:justify;}

#argus{
float:left;
position:relative;
margin-left:0px;
margin-top:-679px;}

#poscgu{
float:left;
position:relative;
margin-left:-34px;
margin-top:-21px;}

#ok{
float:left;
position:relative;
margin-left:130px;
margin-top:-49px;}

#cam{
float:left;
position:relative;
margin-left:532px;
margin-top:-977px;}

/* Préparer une seule image comprennant l'image à afficher sans effet et l'image avec l'effet (sous la première) 
Dans cette exemple, le bouton fait 128x128px, l'image aura donc pour dimension 128x256px
Ceci évite de devoir attendre pendant le temps de chargement si l'on utilisait deux images différentes */
.btsub {
   width: 154px;
   height: 55px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(images/valider.jpg) no-repeat top left ;/* on place l'image en arrière plan */
   /*text-indent: 3000px; On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btsub:hover {
   background-position: 0 -55px;/* On déplace l'image d'arrière plan pour donner l'effet */
}   
.btsub2 {
   width: 93px;
   height: 55px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(images/go.jpg) no-repeat top left ;
   cursor: pointer;
}
.btsub2:hover {
   background-position: 0 -55px;
}