/* --------------------------------------------------------------------------------
	CSS Document 
	
	Projet: www.effeilo.fr - Effeilo, Book en ligne - v1
	Créé le: 18/01/2009
	Auteur: Effeilo
	E-mail: effeilo@gmail.com
	Site web: www.effeilo.fr
	Langue: FR
	
	Sommaire:	CONTACT
-------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
	CONTACT
-------------------------------------------------------------------------------- */

/* ------------ propriétés du bloc contact ------------ */

#contact {
	background-color: #78664e;
}
#contact2 {
	background-color: #78664e;
	height: 230px;	
}

/* ------------ propriétés du bloc contact ------------ */
#contactContent {
	width: 820px;
	margin: 0 auto;	
	padding: 20px 0 0 0;
}
/* ------------ propriétés du titre de la partie contact ------------ */
#contactContent h3 {
	color: #fff;
	font-size: 15px;	
	text-transform: uppercase;	

}

/*********************************** FORMULAIRE **********************************/

/* ------------ propriétés du formulaire ------------ */
#contact #formulaire {
	padding: 0 0 0 0;
}
/* ------------ propriétés des bloc leftform ------------ */
#contact #formulaire .leftForm {
	margin: 30px 0 0 0;
	width:400px;
	float: left;
}

#contact #formulaire .rightForm {
	width:400px;
	float: left;
	margin: 25px 0 0 20px;
}
/* ------------ mise en forme des label du formulaire ------------ */
#contact #formulaire label {
	float: left;
	width: 120px;
	height: 20px;
	color: #fff;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;	
}
/* ------------ mise en forme du label du textaera ------------ */
#contact #formulaire label.txtAera {
	width: 80px;
	
}
/* ------------ mise en forme des input du formulaire ------------ */
#contact #formulaire input {
	margin: 0 0 10px 10px;
	float: left;
	width: 180px;
	height: 20px;
	color: #000;	
	background-color: #c4a880;
	border: none;
}
/* ------------ mise en forme des input civilité du formulaire ------------ */
#contact #formulaire input.civilite {
	float: left;
	height: 15px;
	width: 20px;
	color: #fff;
	background: none;
}
/* ------------ mise en forme des span civilité du formulaire ------------ */
#contact #formulaire span.civiliteFloat {	
	float: left;
	width: 30px;
	height: 15px;
	color: #fff;
	line-height: 15px;
}
/* ------------ mise en forme du textaera du formulaire ------------ */
#contact #formulaire textarea {
	margin: 0 0 10px 10px;
	width: 200px;
	height: 87px;
	color: #000;	
	background-color: #c4a880;
	border: none;	
}
/* ------------ mise en forme du input bouton du formulaire ------------ */
#contact #formulaire input.bouton {
	margin: 0 0 0 90px;
	height: 20px;
	width: 100px;
	color: #000;
	background-color: #c4a880;
}
/* ------------ mise en forme du input bouton du formulaire ------------ */
#contact p {
	padding: 5px 0 0 83px;
	color: #fff;
	font-size: 11px;	
}
/* ------------ mise en forme du lien permettant de fermer la palette contact ------------ */
#contact a.closeContact {
	margin: 0 15px 0 0;
	float: right;
	width: 37px;
	height: 37px;
	display: block;
	text-indent: -5000px;
	background-image: url(../images/close.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
}
/* ------------ mise en forme du hover du lien permettant de fermer la palette contact ------------ */
#contact a.closeContact:hover {
	background-position: 0 -37px;	
}

#contactBottom {
	width: 820px;
	margin: 0 auto;
	background-color: #78664e;
	height: 26px;
	background-image: url(../images/ongletContactYop.png);
	background-repeat: no-repeat;
	clear: both;
	background-position: 690px 0;
}
/*********************************************************************************/

/* --------------------------------------------------------------------------------
	CONFIRMATION
-------------------------------------------------------------------------------- */

/* ------------ Propriétés du bloc confirmation ------------ */
#confirmation {
	position: absolute;
	width: 240px;	
	top: 40px;
	left: 780px;
	z-index: 2;
}
/* ------------ mise en forme du haut bloc confirmation ------------ */
#confirmationFormTop {
	width: 240px;
	height: 45px;
	background-image:url(../images/reponse-top.png);
}
/* ------------ mise en forme du centre bloc confirmation ------------ */ 
#confirmationForm {
	width: 240px;
	background-image:url(../images/reponse-center.png);
	background-repeat: repeat-y;
}
/* ------------ mise en forme du bas bloc confirmation ------------ */
#confirmationFormBottom {
	width: 240px;
	height: 95px;
	background-image:url(../images/reponse-bottom.png);
}
/* ------------ mise en forme du titre du bloc de confirmation ------------ */
#confirmationFormTop h4 {
	padding: 15px 15px 0 25px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;	
}
/* ------------ mise en forme du texte du bloc de confirmation ------------ */
#confirmationForm p {
	padding: 0 20px 0 20px;
	color: #fff;
	font-size: 12px;
}
/* ------------ mise en forme du texte alternatif du bloc de confirmation ------------ */
#confirmationForm p span {
	color: #c3c3c3;
}
/* ------------ mise en forme du texte du bas du bloc de confirmation ------------ */
#confirmationFormBottom p {
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	color: #fff;
}
/* ------------ mise en forme du lien permettant de fermer le bloc confirmation ------------ */
#confirmationFormTop a {
	margin: 8px 10px 0 0;
	float: right;
	width: 37px;
	height: 37px;
	display: block;
	text-indent: -5000px;
	background-image: url(../images/close.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
}
/* ------------ mise en forme du hover du lien permettant de fermer le bloc confirmation ------------ */
#confirmationFormTop a:hover {
	background-position: 0 -37px;	
}

/*********************************************************************************/