/* CSS Document */

div.global {
height:300px;
width:985px;
background-image:url(/images/espace_perso/right_col.gif);
margin-left:14px;
}
div.global2 {
height:300px;
width:985px;
background-image:url(/images/espace_perso/coin_d_2.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

div.left2 {
height:100%;
background-image:url(/images/espace_perso/coin_g_2.gif);
background-repeat:no-repeat;
background-position:left bottom;

}

.puce_menu {
margin-left:5px;
margin-right:5px;
}

/* colonne gauche */
.left_col {
width:175px;
height:300px;
background-image:url(/images/espace_perso/left_col.gif);
background-repeat:repeat-x;
color:#FFFFFF;
font-size:12px;

}
.content_left {
margin:15px;
overflow:auto;
height:275px;

}
.content_left:first-line {
font-size:14px;
font-weight:bold

}
.content_left span{
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}
.left_col span{
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}
.left_col_content {
height:275px;
overflow:auto
}
.left_col_content:first-line {
font-size:14px;
font-weight:bold

}

/*CHAMPS*/

input {
color:#C7AE9F;
font-size:11px;
font-weight:bold;
border:0px;
}

input.champ_base {
width:180px;
height:20px;
background-image:url(/images/espace_perso/field.gif);
background-repeat:repeat-x;
padding-left:5px;
}

.menu_deroulant {
width:180px;
height:18px;
}

input.champ_petit {
width:45px;
height:20px;
margin-right:5px;
background-image:url(/images/espace_perso/field.gif);
background-repeat:repeat-x;
}
input.champ_annee {
width:75px;
height:20px;
background-image:url(/images/espace_perso/field.gif);
background-repeat:repeat-x;
}


/*Intitul�s des champs */
.intitules {
color:#664D48;
font-size:11px;
font-weight:bold;
}

/*Case a cocher */
.checkbox {
width:14px;
height:14px;
}

.formulaire {
margin-left:19px;
margin-top:17px;
}

/* Encarts comment nous avez-vous connu */
.comment {
background-image:url(/images/espace_perso/bg_comment.gif);
background-repeat:no-repeat;
padding-top:14px;
padding-left:14px;
}
.comment_titre {
font-weight:bold;
}
.champ_autre {
border:0px;
width:142px;
height:20px;
}

/* BOUTON VALIDER */
.valider {
margin-bottom:5px;
}
.valid_left {
background-image:url(/images/espace_perso/valid_left.gif);
background-repeat:no-repeat;
}
.valid_mid {
background-image:url(/images/espace_perso/valid_mid.gif);
background-repeat:repeat-x;
}

.valid_mid a{
color:#4F540E;
display:block;
font-weight:bold;
font-size:14px;
}
.valid_right {
background-image:url(/images/espace_perso/valid_fl.gif);
background-repeat:no-repeat;
}

/*BOUTON ANNULER */

.annul_left {
background-image:url(/images/espace_perso/annul_left.gif);
background-repeat:no-repeat;
}
.annul_mid {
background-image:url(/images/espace_perso/annul_mid.gif);
background-repeat:repeat-x;
}

.annul_mid a{
color:#FFFFFF;
display:block;
font-weight:bold;
font-size:14px;
}
.annul_right {
background-image:url(/images/espace_perso/annul_fl.gif);
background-repeat:no-repeat;
}

.titre2 {
font-size:14px;
font-weight:bold;
}
.coordonnees {
font-weight:bold;
line-height:16px;
}
.coordonnees:first-line {
color:#FFFFFF;
font-weight:normal;
}

/* ADCRESSE DE LIRAISON */
.titre_livraison{
font-size:14px;
font-weight:bold;
padding-left:25px;
border-left:1px solid #FFFFFF
}
.coordonnees_livraison {
font-weight:bold;
padding-left:25px;
border-left:1px solid #FFFFFF
}
.coordonnees_livraison:first-line {
color:#FFFFFF;
font-weight:normal;
}
.coordonnees_livraison_popup {
font-weight:bold;
padding-left:25px;
border-left:1px solid #FFFFFF
}
.coordonnees_livraison_popup:first-line {
color:black;
font-weight:normal;
}
/*adresse de livraison selectionn�e */
.adlivr_selected {
border:1px solid #FFFFFF;
background-color:#E9DBCD
}
/* Non selectionn�e */
.adlivraison {
border:1px solid #EADECE
}

/* Txt de l'adresse */
.intitule_adresse {
color:#7B6561;
font-size:11px;
}
.intitule_adresse:first-line {
color:#664D48;
font-weight:bold;
font-size:12px;
}
/* modifier l'adresse de livraison */
.intitule_adresse span.modifier 
{
background-color:#FFFFFF;
font-size:11px;
color:#664D48;
font-family:Helvetica, Arial, sans-serif;
}
.intitule_adresse span.modifier a
{ 
background-color:#FFFFFF;
font-size:11px;
color:#664D48;
font-family:Helvetica, Arial, sans-serif;
}



/*bouton modifier*/.modif_right {
background-image:url(/images/espace_perso/plus.gif);
background-repeat:no-repeat;
}




/*Liste des commandes*/
.intitules_commandes {
font-weight:bold;
}
.tablo_commandes {
background-image:url(/images/espace_perso/tablo_mid.gif);
background-repeat:repeat-x;
background-color:#E6D5C0
}
.ligne_comm {
border-bottom:1px solid #DCCBC0;
font-size:11px;
}
.ligne_comm a{
color:#6E5651
}
.ligne_comm a:hover{
font-weight:bold;
}
.ligne_comm_intitul� {
border-bottom:1px solid #DCCBC0;
font-weight:bold;
font-size:11px;
}

/*Etats des commandes */
.comm_ok {
width:30px;
height:18px;
background-image:url(/images/espace_perso/etat_envoyee.gif);
float:left
}
.comm_bloquee {
width:30px;
height:18px;
background-image:url(/images/espace_perso/etat_bloquee.gif);
}
.comm_encours {
width:30px;
height:18px;
background-image:url(/images/espace_perso/etat_encours.gif);
}
.comm_attente {
width:30px;
height:18px;
background-image:url(/images/espace_perso/etat_attente.gif);
}
.legende {
margin-left:5px;
margin-right:3px;
}
.legende_txt {
font-size:11px;
}

/* Petit encart, pour toute question...; */
.pt_encart_l {
background-image:url(/images/espace_perso/petit_encart_l.gif);
background-repeat:no-repeat;
}
.pt_encart_mid {
background-image:url(/images/espace_perso/petit_encart_mid.gif);
background-repeat:repeat-x;
color:#FFFFFF;
font-size:11px;

}
.pt_encart_mid a{
font-weight:bold;
color:#FFFFFF;
}

.pt_encart_r {
background-image:url(/images/espace_perso/petit_encart_r.gif);
background-repeat:no-repeat;
}

/* Detail commande */
.det_comm_l {
background-image:url(/images/espace_perso/det_comm_l.gif);
background-repeat:no-repeat;
background-position:left;
}
.det_comm_r {
background-image:url(/images/espace_perso/det_comm_r.gif);
background-repeat:no-repeat;
padding-top:10px;
}
.det_comm_mid {
background-image:url(/images/espace_perso/det_comm_mid.gif);
background-repeat:repeat-x;
background-position:right;
background-color:#E6D5C0
}
.comm_ok_detail {
width:30px;
height:18px;
background-image:url(/images/espace_perso/etat_envoyee.gif);
float:left;
margin:10px;
}
.titre_detail {
font-size:16px;
}

.comm_infos {
font-size:11px;
line-height:14px;
}
.comm_infos span{
font-weight:bold;
color:#6A514C
}
.image_gd {
margin-left:10px;
}

/* PAGE vos fichiers num�riques */
.fichiers_l {
background-image:url(/images/espace_perso/fichiers_l.gif);
background-repeat:no-repeat;
background-position:left;
}
.fichiers_r {
background-image:url(/images/espace_perso/fichiers_r.gif);
background-repeat:no-repeat;
background-position:right;
}
.fichiers_mid {
background-image:url(/images/espace_perso/fichiers_mid.gif);
background-repeat:repeat-x;
background-color:#E6D5C0;
}

.detail_infos {
background-image:url(/images/espace_perso/filet_f.gif);
background-position:right;
background-repeat:no-repeat;
padding-left:8px;
border-bottom:1px solid #DCCBBD
}
.detail_infos1 {
padding-left:8px;
border-bottom:1px solid #DCCBBD
}

.detail_infos2 {
border-bottom:1px solid #DCCBBD;
padding-left:8px;
}
.champ_modif {
width:264px;
height:82px;
padding:7px;
color:#86726E;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
border:0px
}

/*Boton envoyer */
.send_right {
background-image:url(/images/espace_perso/bton_send.gif);
background-repeat:no-repeat;
}


/*PAGE BAT*/
.titre_info {
font-size:12px;
}

.statut_bat {
width:80px;
height:75px;
padding-top:15px;
background-color:#FFF23B;
font-weight:bold
}
.statut_bat_ok {
width:80px;
height:50px;
padding-top:15px;
background-color:#00FF00;
font-weight:bold
}
.bouton_ok {
margin-bottom:5px;
}

/* PAGE votre galerie */
.vignette {
background-color:#FFFFFF;
width:110px;
height:110px;
background-repeat:no-repeat;
background-position:center;
margin-bottom:3px;
}
.vign_option {
background-image:url(/images/espace_perso/vign_option.gif);
background-repeat:no-repeat;
width:110px;
height:110px;
}
.gal_info {
font-size:11px;
font-weight: bold;
}

/* library */

#logStatusOff {display:none;}
#logStatusOn {display:block;}

#library_perso {
  float: left;
  width: 780px;
}
#library_perso h1 {
  float: left;
  margin: 18px 0 5px 18px;
  font-size: 13pt;
}
#library_perso ul {
  width: 100%;
  height: 250px;
  clear: left;
  float: left;
  margin: 0;
  font-size: 120%;
  overflow: auto;
  padding-left: 20px;
  list-style-type: none;
  font-size: 11pt;
}
#library_perso ul li {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 10px;
}
#library_perso ul li span {
  float: left;
  clear: left;
  width: 100%;
}
#library_perso ul li div {
  width: 50px;
  height: 50px;
  background: transparent no-repeat center;
  float: left;
  border: none;
  margin: 3px;
}