@charset "utf-8";
/* CSS Document */

/************ LOGIN *************************/
#connection-privatif {
	width:502px;
	height:220px;
	background-image: url(../img-liste/login-liste.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto!important;/*Ne pas toucher, centrer pour firefox*/
	margin: 0 0 0 250px;/* Pour centrer la div sous IE, modifiez le dernier paramètre*/
	padding-top:80px;
}

#form_login_privatif {
	width:400px;
	padding:6px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 40px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}

.form_login_privatif fieldset {
	padding:15px;
	-moz-border-radius:0.4em;/*** Sous firefox uniquement arrondis l'encadrement ***/
		
}


#form_login_privatif legend {
	font-weight:bold;
	color:#FFF;
	font-size: 24px;
	height: 30px;
	width: 300px;
	margin-top: -10px;
	margin-left: -14px;
	
	}
#form_login_privatif label {
	color:#FFF;
	display:block;
	margin-left: 20px;
	font-size: 16px;
	font-weight: bold;
	}
#form_login_privatif input {
	margin-left: 20px;
	margin-bottom: 30px;
	border:1px solid #ddd;/***bordure des textareas ***/
	background:#fafafa; /*** couleur de fond des textareas ***/
	font:bold 0.95em arial, sans-serif;/*** style de la police des textareas ***/
	-moz-border-radius:0.4em;/*** Sous firefox arrondis des textareas ***/
	-khtml-border-radius:0.4em;/*** arrondis des textareas ***/
	}	
#form_login_privatif .connect {/** si on veut modifier le bouton *********/
	

}


/************ Listing des cadeaux *************************/

table#listing-cadeaux {
	border-collapse: collapse;
	text-align:center;
	font-family: "Trebuchet MS";
}



#listing-cadeaux th {
	text-align:center;
	background-image: url(../img-liste/fond-th.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color:#000000;
	font: bold 12px "Trebuchet MS";
}

#listing-cadeaux a{
	border:1px solid #BBB;
	display:block;
}

#listing-cadeaux a:hover{
	border:1px solid #000;
}


#listing-cadeaux .description{
		text-align:left;}
		
		
#listing-cadeaux input {
		text-align:center;
}


/************************ Formulaire *************************/
#Form-reservation {
	
	border: none;
	margin: 0 auto!important;/*Ne pas toucher, centrer pour firefox*/
	margin: 0 0 0 100px;/* Pour centrer la div sous IE, modifiez le dernier paramètre*/
	text-align:left;
	padding: 1em;
	color: white;
	/*background: #FFF;*/
	width: 600px;	/*** Largeur du formulaire ***/
}

#Form-reservation fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	color:#8C1C08;
	border:1px solid #8C1C08;
	-moz-border-radius:0.4em;/*** Sous firefox arrondis des input ***/
}

#Form-reservation fieldset  p.textarea{
	text-align:center;
	margin:0 auto;
}

#Form-reservation legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #EA7A0A;
	background: transparent;
	font-size: 20px;
}
#Form-reservation p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	line-height:1.7em;
}

#Form-reservation input {
	padding:0.15em;/*** padding interne des input ***/
	/*width:10em;/*** tailles des input ***/
	border:1px solid #ddd;/***bordure des input ***/
	background:#fafafa; /*** couleur de fond des input ***/
	font:bold 0.95em arial, sans-serif;/*** style de la police des input ***/
	-moz-border-radius:0.4em;/*** Sous firefox arrondis des input ***/
	-khtml-border-radius:0.4em;/*** arrondis des input ***/
}

#Form-reservation textarea {
	border:1px solid #ddd;/***bordure des textareas ***/
	background:#fafafa; /*** couleur de fond des textareas ***/
	font:bold 0.95em arial, sans-serif;/*** style de la police des textareas ***/
	-moz-border-radius:0.4em;/*** Sous firefox arrondis des textareas ***/
	-khtml-border-radius:0.4em;/*** arrondis des textareas ***/
}

#Form-reservation .envoyer{
	text-align:center;
}

#Form-reservation .envoyer input{
	border:1px solid #000;
	margin-top:.2em;
	
}

#Form-reservation fieldset  label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Trés important, ne pas supprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont align�s � droite... ***/
	margin-right:1em;
	color: #fff;
}



span.etoile {
		color:#900;
		font-size:14px;
		font-weight:bold;
		margin-left: 10px;
}

.captcha {	/***image captcha ***/
	margin-left: 20%;	/*** pour aligner l'image ***/
	clear:both;
	color: #000;
}
.captcha img{	/***image captcha ***/
	margin-left: 15%;	/*** pour aligner l'image ***/
	
}

#erreur {
		position:absolue;
		width: 300px;
		z-index:100;
		
		}
		
#erreur ul li {
	font-style:italic;
	color:#E8E57A;
	font-size:13px;
	margin-bottom:2px;
	margin-left: 20px;
	list-style-type: none;
		}



.infos-obligatoire {
		color:#900;
		font-size:12px;
		margin-right: 10px;
		margin-top:0px;
		float:right;
}


#remerciement {/** mise en forme du texte de remerciement **/
	font-size:20px;
	text-align:center;
	margin: 0px 0px 0px 80px;
	width:600px;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#FFF;
}



#Form-reservation p.champs-radio {
	margin-left:10em;
    line-height:1.5em;
    padding:0;
   
}


#Form-reservation select {
                border:1px solid #ddd;/***bordure des input ***/
                background:#FAFAFA; /*** couleur de fond des input ***/
                font: 0.95em arial, sans-serif;/*** style de la police des input ***/
                -moz-border-radius:0.4em;/*** Sous firefox arrondis des input ***/
                -khtml-border-radius:0.4em;/*** arrondis des input ***/
}


#Form-reservation input[type=checkbox], #Form-reservation input[type=radio] {/* pour firefox**/
	background:#F8EDD1 url(none);
	border: none;
	line-height:0;
}

#Form-reservation input.bouton-radio {background:#F8EDD1 url(none);border: none;}/* pour ie **/

/*/////////////////////// paiement///////////////////////////////////////////////////////////////////////////////*/

#conteneur_paiement {
	width: 541px;
	margin: 0px auto!important;
	margin: 0px 0px 0px 200px;

}

#adresse_facturation {
	background-image: url(../img-liste/fond_titre_adresse.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	
	
}

.titre_adresse {
	font-size: 13px;
	text-align:center;
	font-weight: bold;
	color: #000000;
	margin-top: 12px;
	margin-bottom:20px;
	
}

.adresse_coordonnees {
	background-image: url(../img-liste/visu_adresse.gif);
	background-repeat: no-repeat;
	background-position: left top;

	
	
}

.email {
	background-image: url(../img-liste/visu_mail.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	
}

.tel {
	background-image: url(../img-liste/visu_tel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
	
	
	
}

.gsm {
	background-image: url(../img-liste/visu_gsm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	
}
.tel, .gsm, .email, .adresse_coordonnees {
	margin-top:6px;
	padding-left:54px;
	margin-left:34px;
	
}
.tel, .gsm, .email, {
	padding-top:6px;	
}


/*############################## Récapitulatif commande################################################*/
#panier_commande {
	background-image: url(../img-liste/panier-commande_03.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
}
	
#recap_panier {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-top:;
	width: 541px;
	text-align: left;
	border-collapse: collapse;
	margin: 45px auto  auto!important;
	margin:45px 0px 0px 0px;
	
	

}


tr.fond_titre_recap {
	
}

#recap_panier th {
	font-size: 18px;
	font-weight: bold;
	color: #4E4E4E;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DDDDDD;
	
	

}

#recap_panier td { /* couleur du texte dans le tableau commande*/
	padding: 8px;
	color: #FFF;


}


#recap_panier td span { /* couleur du texte dans le tableau commande*/
	background-color:none;

}

#recap_panier .ligne-impair {
	background: #333;

}

#recap_panier .ligne-pair {
	background: #4E4E4E;

}


#tableau_total {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 541px;
	text-align: left;
	border-collapse: collapse;
	margin: 2px auto 20px auto!important;
	margin: 2px 0px 20px 0px;
}


.tot_produits {
	text-align:right;
	color: #333;
	}

.tot_commande { 
	text-align:right;
	font-weight:bold;
	}
	
	
/*################## paiement ###############################*/
#montant {
	margin: 40px auto!important;
	margin: 40px 0px 0px 150px;
	padding:10px;
	width:300px;
	border:1px solid #000;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
#conditions_accept {
	margin:20px auto 0px auto;
	padding:10px;
	width: 541px;
}
#conditions_accept legend, #choix_paiement legend {
	font-weight:bold;
	color:#000;
}

#choix_paiement {
	margin:0px auto 0px auto;
	padding:10px;
	width: 541px;
}


#paiement_liste {
	list-style-type:none;
	width:500px;
	margin-left:0px;
	text-align:center;
}
#paiement_liste li {
	float:left;
	margin-left:85px!important;
	margin-left:55px;
	font-weight:bold;
}

*+html #paiement_liste li {
	float:left;
	margin-left:85px;
	font-weight:bold;
}
#cheque {
		text-align:center;
}