/*----Style de retour d'erreur---*/
label.erreur{font-weight: bold;color: #F00;}
.miss{font-size: 10px;color: #FF0000;text-decoration: none;float: left;margin-left: 130px;}
.alerte_f{color: #F00;;margin: 0px;padding: 4px 10px;border-bottom: 2px solid #000;}

.alerte {font-size: 12px;font-weight: bold;color: #FF0000;text-decoration: none;padding: 2px 4px;background: #FFF;text-align:center;clear:both;display: block;}



/*---Style boutons generiques---*/
.bouton,.bouton_valid, .bouton_retour {font: bold 11px Verdana, Arial, Helvetica, sans-serif;padding: 4px;color: #FFF;text-align: center;border-width: 2px;border-style:solid;background-color: #BBB;border-color:#EEE #999 #999 #EEE;}
.bouton{background-color: #BBB;border-color:#EEE #999 #999 #EEE;}
.bouton:hover{background-color: #C0C0C0;cursor: pointer;}
.bouton_valid {background-color: #999;border-color:#CCC #000 #000 #CCC;}
.bouton_retour {background-color: #F00;border-color:#CCC #000 #000 #CCC;}


.label_valid{display: block;text-align: right;width: auto;border-top: 1px solid #4C4C4C;border-bottom: 1px solid #4C4C4C;padding: 10px 10px 10px 0;margin: 40px 10px 0px 10px;background: #EEE;}
.label_retour{display: block;text-align: right; width: auto; border-top: 1px solid #4C4C4C;border-bottom: 1px solid #4C4C4C;padding: 10px 10px 10px 0;margin: 40px 10px 0px 10px;background: #EEE url(/img/label_retour.gif) no-repeat left center;}


.l_bouton{display: block;text-align: right;width: auto;padding: 4px 20px 0 0;height: 8px;}

/*---- Styles Adresse ----*/
#facturation{float: right; width: 320px;padding-left: 20px;margin: 0px;}
#adresses{margin: 0px 0px 20px 0px;padding: 10px;border-top: 1px solid #000;border-bottom: 1px solid #000;}

/*Formulaire d'adresses*/
#ajout_ad {background: #EEE;width: 340px;float: left;margin: 0px;padding: 10px 0px;}
#ajout_ad label{width: 130px;float: left;text-align: right;margin: 3px 20px 4px 0;font-size: 12px;}
#ajout_ad #intitule{margin: 3px 20px 14px 0;}
#ajout_ad #pays{border: 1px solid #000;font-size: 9px;margin-bottom: 4px;width: 168px;padding: 2px;}
#ajout_ad #civilite{border: 1px solid #000;font-size: 9px;width: 55px;margin: 0 4px 4px 0;padding: 2px;}
#ajout_ad #nom{border: 1px solid #000;width: 100px;}
#ajout_ad #inscrire{margin: 0px 0px 0px 140px;}
#ajout_ad select{color: #000;border: 1px solid #000;}
#info{float: left;margin: 0px;padding: 30px 0px 10px 0px ;}
.field {width: 162px;margin-bottom: 4px;border: 1px solid #000;padding: 2px;}
input.erreur {width: 162px;margin-bottom: 4px;border: 1px solid #000;padding: 2px;}

/* CARNET > Blocs adresses */
#liste_add{margin:0px;padding:0px;width: 300px;float:left;}
.bloc_add{float: left;margin: 4px 10px 4px 10px;padding-bottom: 0px;border-bottom: 1px solid #000;width: 280px;background: #EEE;}
.bloc_add:hover{background: #CCC;}
.ad_intitule{font-weight: bold;font-size: 14px;color: #999;font-style: italic;}
.ad_nom{font-weight: bold;}
.ad_suite{color: #666;}
address{padding: 10px;border-bottom: 1px solid #000;border-top: 1px solid #000;font-style: normal;margin: 0px 0px 0px 0px;}
#ajout_ad  p{margin: 10px 2px 0px 2px;padding: 0px 0px  10px 140px;font: italic 10px/1.5 Arial, Helvetica, sans-serif;}
#liste_add p{margin: 0px;padding: 2px 0px 2px 10px;background: #FFF;line-height: 20px;}
#liste_add_account p{margin: 0px;padding: 2px 0px 2px 10px;background: #FFF;line-height: 20px;}

/*Divers > Carnet*/
#onglet_add {display: block;text-align: right;width: auto;border-top: 1px solid #4C4C4C;border-bottom: 1px solid #4C4C4C;padding: 20px 20px 20px 10px;margin: 10px 10px 10px 10px;background: #EEE;}
#bloc_content{float:left;width: 340px;margin:0;padding:0 0 0 10px;}
#bloc_content{float:left;margin:0;padding:0 0 0 30px;text-align: left;}

#cb_cancel{background: #F00;color: #FFF;text-align: center;font: bold 12px/2 Arial, Helvetica, sans-serif;padding: 10px;margin: 20px;}
#recap{font: normal 12px Arial, Helvetica, sans-serif;width: 580px;}

/*ajouts*/

/*Styles page identification + connexe*/
#identification {float:left;width: 300px; margin-top: 30px}
#inscription{width: 350px;float:left;background: #000;}
#identification label{width: 100px;float: left;text-align: right;margin: 3px 20px 4px 0;font-size: 12px;}
#identification #identifier{margin: 0px 0px 0px 120px;}
#identification #carte,#reload{margin: 0px 0px 0px 120px;}
#identification #identifier_old{margin: 0px 0px 0px 100px;}


/*Styles page identification + connexe*/
#f_old, #f_reload,#f_identification{margin:0px;padding: 10px 0; background: #999;color: #FFF;border-bottom: 2px solid #000;}
#existant{float:left;width: 300px;}
#inscription{width: 350px;float:left;background: #000;}

#existant label{width: 100px;float: left;text-align: right;margin: 3px 20px 4px 0;font-size: 12px;}
#existant #identifier{margin: 0px 0px 0px 120px;}
#existant #carte,#reload{margin: 0px 0px 0px 120px;}
#existant #identifier_old{margin: 0px 0px 0px 100px;}

form h3{padding: 10px 0 0 0;margin: 0 0 10px 0;}

.clear{clear: both;visibility: hidden;}
.ident_form{padding: 10px ; margin:0px; font-style: italic;}
#choix input{margin-left: 30px;}


label#label_cgv{ width: 300px; text-align: left;padding: 0 0 0 10px;margin: 0px;}
input.cgv{margin: 0px 4px 0px 0px;}

#paiement{ padding-top: 20px; margin: 0px;}
#paiement input{ margin-left: 10px;}


#text_identifi{width: 360px;}

/*#f_old{background: #999;color: #FFF;padding: 10px;}*/

/*masque de modif sur pages courtes*/
#images{display: none;}
#page {padding: 10px 45px 30px 30px;}
#content {margin: 0px;padding: 10px 0px 0px 0px;}

/*Styles Account*/
.form_modif {background: #EEE; margin: 20px 10px 10px 0px;padding: 20px 0px;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.form_modif  label{width: 260px;float: left;text-align: right;margin: 3px 20px 4px 0;font-size: 12px;}
.form_modif .miss{font-size: 10px;color: #FF0000;text-decoration: none;float: left;margin-left: 280px;}

#inscrire_mdp, #inscrire_email{margin-left: 278px;}


.desc_abo{padding: 10px 10px;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;margin-bottom: 5px;}

.desc_abo:hover{background: #CCC;border-top: 1px solid #333;border-bottom: 1px solid #333;}


#adresse_change{clear: both;background: #FFFFFF url(../img/chgt_add.gif) no-repeat center center;padding: 10px;border-bottom: 1px solid #000;border-top: 1px solid #000;}

#a_nouvelle{margin-left: 400px;width: 250px;
}

#a_actuelle{float: left;margin-left: 0px;width: 250px;}


/*form MAJ abo*/
#ajout_ada {background: #EEE;width: 400px; margin: 0px;padding: 0px  0px 10px 0px; border-bottom: 1px solid #000;}
#ajout_ada label{width: 130px;float: left;text-align: right;margin: 3px 20px 4px 0;font-size: 12px;}
#ajout_ada #civilite{border: 1px solid #000;font-size: 9px;width: 55px;margin: 0 4px 4px 0;padding: 2px;}
#ajout_ada #pays{border: 1px solid #000;font-size: 9px;margin-bottom: 4px;width: 168px;padding: 2px;}
#ajout_ada #nom{border: 1px solid #000;width: 100px;}

#myaccount a{color: #F00;font-weight: bold;float: right;margin: 60px 10px 0px 0px;}
#ticket{border-top: 1px solid #4C4C4C; border-bottom: 1px solid #4C4C4C;  background: #EEE; padding: 10px 0 10px 140px; }
#ref_commande{font: bold 14px/1.5 Arial, Helvetica, sans-serif;margin: 10px 0px 0px 10px;}