/*fil ariane
-------------------------------------------------------------- */

.fil_ariane ul {line-height: 100%; overflow:hidden; margin:0; padding:8px 0 9px 0; line-height:20px;}
.fil_ariane li {float: left; position: relative; margin:0 7px 0 0; font-weight:bold; color:#0071BC; font-size:13px;}
.fil_ariane li.bold {} 
.fil_ariane a {text-decoration:none; color:#000; font-size:11px;  line-height:20px;  margin:0 0 0 3px; font-weight:normal}
.fil_ariane a:hover {text-decoration:underline;}

.identification{ overflow:hidden;}
.identification h2 {font:28px Georgia, "Times New Roman", Times, serif; color:#00548C; text-align:left; padding:0; margin: 0; line-height:28px}
.identification h3 {font:18px Georgia, "Times New Roman", Times, serif; color:#00548C; text-align:left; padding:0; margin: 0 0 15px 0; clear:both; line-height:22px}

/* messages errors
-------------------------------------------------------------- */
.FormBoiteMessagesErreurs {margin:10px 0 10px 12px;}
.FormBoiteMessagesErreurs .FormTp {}
.FormBoiteMessagesErreurs .FormBtm {width:100%;}
.FormBoiteMessagesErreurs .FormBtm span div {color:#CF001C;font-size:15px;line-height:18px;padding:8px;text-align:left;}

/*etape 1 : identification ou creation de compte
-------------------------------------------------------------- */

/* par defaut */
.identification {margin:0; overflow:hidden; font-family:Arial, Helvetica, sans-serif}
.identification .etoile { float:none!important}
.identification hr {border-color:#333 -moz-use-text-color -moz-use-text-color;border-right:medium none;border-style:dotted none none;border-width:1px medium medium;display:block;margin:18px 0;clear:both; position:relative; top:15px; height:15px; background:#fff}
.identification #moncompte {margin:20px 0 10px; overflow:hidden;}
.identification #moncompte input {float:left; display:block}
.identification #moncompte input[type="radio"] {width:20px;  float:left; margin:3px 8px 50px 8px; }
.identification #moncompte a {display:block; font-size:25px; height:70px; line-height:35px; margin:0 0 0 40px; padding:0; text-decoration:none; width:300px; color:#00548C; line-height:25px}
.identification #moncompte a.compte_old {float:left; }
.identification #moncompte a.compte_new {float:right; width:300px; margin:0 100px 0 0 }
.identification a.login:link {color:#000000; font-size:10px;}
.identification a.login:visited {color:#000000; font-size:10px;}
.identification a.login:hover {color:#000000; font-size:10px; text-decoration:none;}


/*deja client*/
.identification #div_compte_old {background:#F2F2F2; border:1px solid #DFDFDF;  float:left; margin:0 0 20px 0; padding:15px 10px; width:410px;}
.identification #div_compte_old label {display:block; float:left; width:120px;}
.identification #div_compte_old input[type="text"], #div_compte_old input[type="password"] {width:160px; float:left; display:block}
.identification #div_compte_old .erreur {position:relative}
.identification #div_compte_old .erreur img {position:absolute; top:0; left:0}
.identification #div_compte_old .login {line-height:20px; margin:0 5px}
.identification #div_compte_old br {clear:both}


/* nouveau client*/
.identification #div_compte_new {background:#F2F2F2; border:1px solid #DFDFDF; float:right; margin:0 0 20px 0; padding:15px; width:430px;}
.identification #div_compte_new input[type="text"], #div_compte_new input[type="password"] {width:160px; float:left; display:block}
.identification #div_compte_new label {display:block; float:left; line-height:20px; width:180px; text-align:left}
.identification #div_compte_new input[type="checkbox"] {width:30px; }
.identification #div_compte_new select {height:20px}
.identification #div_compte_new select.civilite {width:165px;  float:left; display:block}
.identification #div_compte_new select.naissance {font-size:9px; width:53px; float:left; display:block; margin:0 1px 0 0}
.identification #div_compte_new select.pays {width:165px;  float:left; display:block}
.identification #div_compte_new h2 {border-bottom:medium none;color:#000000;font-size:18px;font-weight:normal;line-height:40px;padding:0;text-align:left;}
.identification #div_compte_new h3 {margin:5px 0 10px 0 }
.identification #div_compte_new .adresse{overflow:hidden; clear:both;}
.identification #div_compte_new .checkbox_liste{clear:both; padding:10px 0 0 0;}
.identification .CNIL {padding:15px 0; color:#555}
.identification #div_compte_new span {float:left; position:relative}
.identification #div_compte_new #WUC_Fiche1_WUC_IdentificationV21_WUC_InformationsPersonnelles2_PanelOptIn span,
.identification #WUC_Fiche1_WUC_IdentificationV21_WUC_InformationsPersonnelles2_PanelBoutonCreation span { float:none!important}
.identification #div_compte_new h3 span {float:none; display:inline; border:1px solid #eee}
.identification .PWI_Bt input {margin:15px 5px 0 0}
.identification #div_compte_new hr {background:#f2f2f2}
.identification #div_compte_new .CNIL {font-size:10px; line-height:11px}

#WUC_Fiche1_WUC_IdentificationV21_WUC_InformationsPersonnelles1_PanelAdresse {height:190px}
.identification .etat {width:240px; display:block; float:left; margin-top:2px}
.identification .etat label {text-align:left!important; width:100px!important; display:inline!important; float:none!important; }
.identification .etat input {float:none; width:15px}

* HTML #WUC_Fiche1_WUC_IdentificationV21_WUC_InformationsPersonnelles2_PanelDateNaissance {HEIGHT:25PX}

/*etape 2 : gestion compte, panier, commande, devis, factures etc
-------------------------------------------------------------- */
.identification .menu { width:220px; margin:0 0 10px 0; float:left; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background:#f2f2f2}
.identification .menu li {margin:3px}
.identification .menu li a {display: block; line-height:15px; padding:3px 11px 5px 11px; text-decoration:none; color:#000; margin:3px 0 0 0; text-decoration:none;}  
.identification .menu li a:hover, .identification .menu .selected  {background-color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; 
   -moz-box-shadow:inset 0 0 5px #999; -webkit-box-shadow:inset 0 0 5px #999; box-shadow:inset 0 0 5px #999;}

.identification .fiche {float:left; width:680px; background:#fff; padding:0 0 25px 20px; overflow:hidden}
.identification .fiche input[type="text"], .fiche input[type="password"] {width:160px; margin:2px}
.identification .fiche label {display:block;float:left;line-height:20px; width:250px;}
.identification .fiche input[type="checkbox"] {width:10px;}
.identification .fiche select {font-size:10px; margin:2px}
.identification .fiche input.button1,.identification .fiche input.button2 {float:left}
.identification .fiche span {position:relative; border:1px solid #fff;}
.identification span img {position:absolute; top:0; left:0}

.identification .fiche select.civilite {width:165px;}
.identification .fiche select.pays {width:165px;}
.identification .CNIL {clear:both}

#WUC_Fiche1_WUC_InformationsPersonnelles1_PanelOptIn {margin:5px 0 5px 145px}
#WUC_Fiche1_WUC_InformationsPersonnelles1_PanelBoutonRecap {margin:0 0 0 155px}
#WUC_Fiche1_WUC_InformationsPersonnelles1_PanelBoutonModification {margin:0 0 0 80px}

/*btn et messages errors
-------------------------------------------------------------- */
/* zone btn */
.PWI_Bt {display:block; text-align:right;}

/* messages errors*/
.identification .error {margin:0 0 10px;}
.identification .error div {color:#FF0000;margin:0 0 10px;}
.identification .error li {color:#FF0000; font-size:11px; font-style:italic; line-height:15px;}
.etoile {color:#FF0000;}



/*Suivi de commande
-------------------------------------------------------------- */
#suivi_commande{ margin:0 0 8px 0;}
#suivi_commande_liste{ margin:0 0 1px 0; background:#eee;}
.sc1, .sc2, .sc3, .sc4, .sc5, .sc6, .sc7 {background:#e70161; color:#fff; font-weight:bold} 
.sc1{ width:110px; -moz-border-radius:5px 0 0 5px;  height:20px; line-height:20px; padding:0 0 0 8px;}
.sc1a{ width:110px; height:20px; line-height:20px; padding:0 0 0 8px;}
.sc2{ width:80px;}
.sc2a{ width:80px;}
.sc3{ width:60px; }
.sc3a{ width:60px; text-align:center;}
.sc4{ width:50px; text-align:right;}
.sc4a{ width:50px; text-align:right;}
.sc5{ width:50px; text-align:right;}
.sc5a{ width:50px; text-align:right;}
.sc6{ width:120px; padding:0 0 0 15px;}
.sc6a{ width:120px; padding:0 0 0 15px;}
.sc7{ width:70px; -moz-border-radius:0 5px 5px 0;}
.sc7a{ width:70px;}

#suivi_commande_detail{ margin:15px 0 35px 10px; width:660px;}
.scd1{width:280px; font-weight:bold; border-bottom:1px solid #000; height:20px; line-height:20px;}
.scd2{font-weight:bold; border-bottom:1px solid #000;}
.scd3{font-weight:bold; border-bottom:1px solid #000; text-align:center;}
.scd4{font-weight:bold; border-bottom:1px solid #000; text-align:right;}
.scd5{font-weight:bold; border-bottom:1px solid #000; text-align:right;}
.scd1a{}
.scd2a{}
.scd3a{ text-align:center;}
.scd4a{text-align:right;}
.scd5a{text-align:right;}

.scd1a{height:20px; line-height:20px;}

#suivi_commande_liste a {border: 1px solid #e70161; padding:0 5px; text-decoration:none; font-size:10px; background:#FFF; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; margin:1px}
#suivi_commande_liste a:hover {border-width:2px; margin:0}

/* Mot de passe oublie
-------------------------------------------------------------- */
#pass_oubli {padding:20px 0 30px 0; color:#333; text-align:center}
#pass_oubli h2 {font:28px Georgia, "Times New Roman", Times, serif; color:#00548C; text-align:left; padding:0; margin: 0 0 60px 0; line-height:28px; text-align:center}
#pass_oubli p {font-size:15px; line-height:25px; margin:30px 120px}
#pass_oubli .FormZone {  text-align:center;}
#pass_oubli .champ input  {border:1px solid #ccc; padding:4px 6px; position:relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }