/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "menu.css";
/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

.invisible
{
	display:none;
}


/* PANIER */

.txtpanier{
	background-image:url(../images/panier/mon-panier.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:88px;
	height:24px;
}
.txtpanier_over{
	background-image:url(../images/panier/mon-panier-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:88px;
	float:left;
	height:24px;
}
.txtpanier_selected{
	background-image:url(../images/panier/mon-panier-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:88px;
	float:left;
	height:24px;
}
.txtidentification_selected{
	background-image:url(../images/panier/identification-over.gif);
	background-position:top left;
	float:left;
	background-repeat:no-repeat;
	width:97px;
	height:24px;
}
.txtrecapitulatif_selected{
	background-image:url(../images/panier/recapitulatif-over.gif);
	background-position:top left;
	float:left;
	background-repeat:no-repeat;
	width:92px;
	height:24px;
}
.txtlivrasion_selected{
	background-image:url(../images/panier/livraison-over.gif);
	background-position:top left;
	float:left;
	background-repeat:no-repeat;
	width:77px;
	height:24px;
}
.txtpaiement_selected{
	background-image:url(../images/panier/paiement-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:77px;
	height:24px;
}
.txtidentification{
	background-image:url(../images/panier/identification.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:97px;
	height:24px;
}
.txtidentification_over{
	background-image:url(../images/panier/identification-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:97px;
	height:24px;
}
.txtrecapitulatif{
	background-image:url(../images/panier/recapitulatif.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:92px;
	height:24px;
}
.txtrecapitulatif_over{
	background-image:url(../images/panier/recapitulatif-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:92px;
	float:left;
	height:24px;
}
.txtlivrasion{
	background-image:url(../images/panier/livraison.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:77px;
	height:24px;
}
.txtlivrasion_over{
	background-image:url(../images/panier/livraison-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:77px;
	height:24px;
}
.txtpaiement{
	background-image:url(../images/panier/paiement.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:77px;
	height:24px;
}

.txtpaiement_over{
	background-image:url(../images/panier/paiement-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:77px;
	height:24px;

}
.commandes{
	background:url(../images/charte/vos_commandes.gif) no-repeat;
	width:140px;
	height:23px;
	cursor:pointer;
	margin-right:20px;
}

.commandesOver{
	background:url(../images/charte/vos_commandes_over.gif) no-repeat;
	width:140px;
	height:23px;
	cursor:pointer;
	margin-right:20px;
}

.informations{
	background:url(../images/charte/vos-informations.gif) no-repeat;
	width:143px;
	height:35px;
	cursor:pointer;
	margin-right:20px;
}

.informationsOver{
	background:url(../images/charte/vos-informations-over.gif) no-repeat;
	width:143px;
	height:35px;
	cursor:pointer;
	margin-right:20px;
}

.deconnection{
	background:url(../images/charte/deconexion.gif) no-repeat;
	width:140px;
	height:23px;
	cursor:pointer;
}

.deconnectionOver{
	background:url(../images/charte/deconexion-over.gif) no-repeat;
	width:140px;
	height:23px;
	cursor:pointer;
}
/* End PANIER */

/*--login--*/
.user-box{
  width:442px;
  height:120px;
}

#info-user{
  width:300px;
  margin:0 auto;
}


.sauver{
  background:url(../images/img/sauver.gif) no-repeat;
  height: 19px;
  width: 79px;
	cursor:pointer;
  border: none;
}

.sauver-over{
  background:url(../images/img/sauver-over.gif) no-repeat;
  height: 19px;
  width: 79px;
	cursor:pointer;
  border: none;
}

.inputForm2{
border:1px solid #E0D7AC;
background-color: #fff;
width:130px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}
.inputForm2Over{
border:1px solid #E0D7AC;
background-color: #F5F2E5;
width:130px;
font-family: Arial, Helvetica, sans-serif;

font-weight:normal;
font-size: 12px;
color: #000000;
}

.inputForm3{
border:1px solid #2F9A90;
background-color: #fff;
width:120px;
height: 19px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;

}
.inputForm3Over{
border:1px solid #2F9A90;
background-color: #F5F2E5;
width:120px;
font-family: Arial, Helvetica, sans-serif;
height: 19px; 
font-weight:normal;
font-size: 11px;
color: #000000;
}
/*--end login--*/

.table-compte{
  font-size:11px;
  color: #000000;
}

    .table-compte td{
      padding:0 5px;
       font-size:11px;  
    }
/**************** CONTACT  *******************/
.table-contact{
  display:block;
  width:375px;
  float:left;
}

.table-contact-left{
   width:180px;
   float:left;
   display:block;

   margin-top:10px;
}

.table-contact-right{
  width:180px;
  float:left;
  display:block;

  margin-top:10px;
  padding-left: 10px;
}

.button-contact{
  background:url(../images/contact/envoyer.gif) no-repeat ;
  border: none;
	width:79px;
	font-size: 12px;
  height: 19px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
}
.buttonOver-contact{
  border: none;
  background:url(../images/contact/envoyer-over.gif) no-repeat ;
  color:#D2A060;
	width:79px;
  height: 19px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
}
.button-contact1{
  background:url(../images/contact/effacer.gif) no-repeat ;
  border: none;
	width:79px;
	font-size: 12px;
  height: 19px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
}
.buttonOver-contact1{
border: none;
  background:url(../images/contact/effacer-over.gif) no-repeat ;
  color:#D2A060;
	width:79px;
  height: 19px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
}
.input-contact{
  width:120px;
  height: 16px;
  float: left;
}

.table-contact-buttons{
  float:right;
  padding:0px 6px 0px 0px;
  height: 10px;
  width:260px;
}

#frmContact1{
	font-family:arial;
	font-size:11px;
	width:400px;
	height: auto;
}
.contact-message{
   float:left;
   display:inline;
   margin-left:45px;
   height: 124px;
}
.input1{
  width:75px;float:left;color:#696758;
}
.input22{
  width:100px; float:left;
  color:#8D1717;background-color:#F78F33;width:123px;height:20px;
}

.input3{
  width:75px; float:left;display:inline;color:#696758;
}

.message{
  width:75px;float:left;padding-left:4px;display:inline;color:#597E0E;
}

.inputForm{
	border:0px solid #6FC8BF;
	background-color:#6FC8BF;
	width:80px;
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;

	margin-top:2px;
}
.inputFormOver{
	border:0px solid #1CC3B3;
	background-color:#1CC3B3;
	font-family:arial;
	font-size:11px;
	width:80px;
	color:#FFFFFF;

	margin-top:2px;
}
/**************************/

.fermer-ami{
  background:url(../images/contact/fermer-ami.gif) no-repeat ;
  border: none;
	width:79px;
	font-size: 12px;
  height: 19px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
}
.fermer-ami-over{
  background:url(../images/contact/fermer-over-ami.gif) no-repeat ;
  border: none;
	width:79px;
	font-size: 12px;
  height: 19px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
}