@charset "UTF-8";

/* Les formulaires */


#sPopup
{
	background: #fff;
	border: #000 solid 2px;
	position: absolute;
	width: 640px;
	padding:0;
	font-size: 1em;
	display: none;
    z-index:9999;  
}

#contactForm, #blocInscInfolettre, #blocEnvoyerAmi
{
	position: relative;
	width: 420px;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: left;
	float:left;
	padding: 10px 10px 6px 10px;
}
	
#contactForm p, #blocInscInfolettre p {
 padding-bottom: 12px;
}

#contactForm div {
 padding: 10px;
}

#contactForm form label, #contactForm form select, 
#blocInscInfolettre form label, 
#blocEnvoyerAmi  form label{
	color: #555;
	display: block;
	float: left;
	padding-left: 4px;
	margin-top: 6px;
}
form input, form textarea {
	margin-left: 10px;
	margin-top: 6px;
}
form label{
	padding-top: 3px;
}

#contactForm form fieldset, #blocInscInfolettre form fieldset, #blocEnvoyerAmi form fieldset{
	background: #ddd;
}
#contactForm form input {
	width: 330px;
} 
 
 #blocInscInfolettre form input {
	width: 250px;
 } 
  #blocEnvoyerAmi form input{
	width: 210px;
 } 
 #blocEnvoyerAmi form textarea{
	width: 390px;
	margin-left: 0px;
 }
 #contactForm form textarea{
	width: 330px;
 }
 
 #contactForm form label.error, 
 #blocInscInfolettre form label.error, 
 #blocEnvoyerAmi form label.error {
	 padding: 0;
	 margin: 0;
	 color: #f00;
 }
 
#contactForm h1, #blocInscInfolettre h1, #blocEnvoyerAmi h1{
	 font-size: 1.3em;
	 padding: 0px 6px 6px 2px;
	 margin: 0;
 }
 
 #retourMessage {
	 padding: 35px;
 }
 
 #retourMessage h1{
	 font-size: 1.2em;
 }
 
 #sPopup-close
 {
 	position: relative;
	float: right;
 	text-align: right;
 	width: 65px;
	padding: 8px;
 	display: block;
	z-index: 400;
 }

.estomper {
	position: relative;
	z-index: -1;
}

#mask {  
  position:absolute;  
  z-index:9000;  
  display:none;  
}