#Inscription1 {
	width		: 500px;
	/*height		: 520px;*/
	text-align	: right;
	/*border		:1px solid black;*/
}
#Inscription2 {
	width		: 500px;
	text-align	: right;
	/*top			: 200px;*/
	left 		: -70px;
	position	: relative;
}
label {
	font-weight: bold;
}
#BoutonTelecharge {
	position:relative;
	top:50px;
	width:auto;
	height:auto;
}

#BoutonTelechargeConfig{
	position:relative;
	top:100px;
	width:auto;
	height:auto;
}

#BoutonTelechargeClef{
	position:relative;
	top:150px;
	width:auto;
	height:auto;
}

#Connexion{
	position:relative;
	top:50px;
	width:auto;
	height:auto;
}

/* Rend invisible tout notre bloc span */
a.InfoBulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden;
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
	
} 

a.InfoBulle
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  /*padding         : 2px 16px 2px 2px;*/ /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */
  
}  
 
a.InfoBulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.InfoBulle:hover span, a.InfoBulle:focus span, a.InfoBulle:active span 
{
    position : absolute;
    top        : -190px;
    left       :  -25px;
    width      :  300px;
    height     :  175px;
	text-align : left;
    overflow   :  visible;
	padding: 5px 5px 5px 5px;
}

/********************/

/* Rend invisible tout notre bloc span */
a.InfoBulle2 span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden;
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
	
} 

a.InfoBulle2
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  /*padding         : 2px 16px 2px 2px;*/ /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */
  
}  
 
a.InfoBulle2:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.InfoBulle2:hover span, a.InfoBulle2:focus span, a.InfoBulle2:active span 
{
    position : absolute;
    top        : 28px;
    left       : -100px;
    width      :  300px;
    height     :  180px;
	text-align : left;
    overflow   :  visible;
	padding: 5px 5px 5px 5px;
}

#Code
{
position	: relative;
height		: 90px;
width		: 350px;
right		: -90px;
text-align	: right;
/*border		:1px solid green;*/
/*bottom		: 0px;*/
}

#ConditionsUV1
{
	position	: relative;
	right		: -150px;
	text-align	: left;
	/*width      :  250px;*/
	/*border		:1px solid blue;*/
}

#support
{
	width		: 423px;
	/*height		: 520px;*/
	text-align	: right;
	/*border		:1px solid black;*/
}

#textsupport
{
text-align: left;
/*width : 423px;*/
/*margin : auto;*/
/*border		:1px solid green;*/
}
#BoutonInscript
{
position	:relative;
text-align	:center;
/*right		: -150px;*/
/*border		: 1px solid red;*/
/*width		: 100px;*/
}

input.champ_red
{
	border: 2px solid red;
}

input.champ_green
{
	border: 2px solid green;
	position: static;
}

#table
{
	position	:relative;
	/*border		:1px solid yellow;*/
	height		:420px;
	margin-bottom: 30px;
}
#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:0.8em;
   text-align:left;
   }

.CommentOk
{
	text-align:center;
	color: green;
}
.CommentKo
{
	text-align:center;
	color: red;
}
.init {
	margin: 0;
	width: 15px;
	height:15px;
	background: none;
    visibility:hidden;
}
.ok
{
	position:relative;
	z-index: 1;
	margin: 0px;
	width: 15px;
	height:15px;
	background-color: transparent;
	background-image: url(../images/pic_valid.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
}
.ko
{
	position:relative;
	z-index: 1;
	margin: 0px;
	width: 15px;
	height:15px;
	background-color: transparent;
	background-image: url(../images/pic_error.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
}

#OptionPaiement
{
/*border		:1px solid red;*/
height		:300px;
width		:500px;
text-align	:left;
}
#ValidOption
{
/*border		:1px solid yellow;*/
text-align	:center;
}
#CodeRecap
{
position	: relative;
height		: 90px;
width		: 350px;
right		: 0px;
text-align	: right;
/*border		:1px solid green;*/
/*bottom		: 0px;*/
}

#recapitulatif
{
/*border		:1px solid red;*/
/*height		:100px;*/
width		:500px;
text-align	:left;
margin		: 0px;
padding		: 0px;
}
#TitreRecap
{
position	:relative;
/*width		:200px;*/
height		:35px;
/*border		:1px solid green;*/
margin		: 0px;
padding		: 0px;
/*top			: -20px;*/
}

#ContenuRecap
{
border		:1px solid black;
height		:150px;
margin		: 0px;
padding		: 0px;
}

#resultat
{
border		:1px solid black;
}

#MoyenPaiement
{
	border		:1px solid black;
	height		:170px;
	padding		: 0px;
	margin-top	: 20px;
	text-align	:center;
}

#BoutonPaypal
{
	float	: right;
	/*position: relative;*/
	/*border	: 1px solid black;*/
	height	: 90px;
	width	: 243px;
	/*right	: -250px;*/
	/*padding-top: 10px;*/
	border-left:1px solid black;
}

#BoutonPrelevement
{
	float	: left;
	/*position: relative;*/
	/*border	: 1px solid black;*/
	height	: 90px;
	width	: 243px;
	/*right	: -250px;*/
	/*padding-top: 10px;*/
	border-right:1px solid black;
}

#ModeEmploi
{
	width:790px;
	border : 1px solid black;
	text-align:left;
	/*margin: 5px;*/
	padding: 5px;
	/*font-weight: bold;*/
	/*text-decoration: underline;*/
}

#adresse
{
	position:relative;
	/*border : 1px solid black;*/
	/*text-align:left;*/
	/*width:100px;*/
	text-decoration:none;
}
 
#BoutonImrpim  {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 8.5px 17px;
   -webkit-border-radius: 23px;
   -moz-border-radius: 23px;
   border-radius: 23px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 17px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   text-align:center;
   width:750px;
   }
#BoutonImrpim:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
#BoutonImrpim:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
#InfoUser {
	border: thin solid #000000;
	width: 700px;
}
#DemandePrelev {
display			:none;
}