/* Container element */

div#popcontainer {
width: 400px;
height: 350px;
margin: 0 auto;
padding: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #FFFFFF;
border: 5px solid #c00;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #00CCFF;
background: url(/images/formbg.gif) top left repeat-x;
}

/* Rappel gratuit et immediat Header */

div#popcontainer h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	text-align: right;
	color: #c00;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

/* cnil & powered definition */

div#popcontainer .cnil {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #c00;
	text-decoration: none;
}
div#popcontainer .cnil:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

div#popcontainer #powered img {
	height: 12px;
	width: 12px;
	vertical-align: middle;
}
div#popcontainer #powered a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
div#popcontainer #powered a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

div#popcontainer .fleft {
	float: left;
	margin: 0 10px 10px 0;}

div#popcontainer .clr {
	clear: both;
	height: 1px;}

div#popcontainer p {
	display: block;
	padding: 0;
	margin: 0;
}

/* Definition of the form elements */

div#popcontainer form label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	margin-right: 10px; 
	padding-right: 10px; 
	width: 80px; 
	display: block; 
	float: left; 
	text-align: right; 
	position: relative; 
	color:#000000; }

div#popcontainer form fieldset { 
	margin: 10px 0; 
	padding: 10px; 
	border: 0;
	border-top: 1px #ddd solid;
}

div#popcontainer form legend { 
	font-size: 20px;
	font-weight: bold;
	color: #c00 }

div#popcontainer form fieldset div { 
	padding: 0.2em 0; }

div#popcontainer form label em { 
	position: absolute; 
	right: 0; 
	font-size: 130%; 
	font-style: normal; 
	color: #C00; 
	text-indent:-1000 px; }

/* Definition of the input element and the javascript elements */	
	
div#popcontainer form input.error { 
	border-color: #C00; 
	background-color: #FEF; }

div#popcontainer form input:focus, div#popcontainer form input.error:focus {	
	background-color: #FFC; border-color: #FC6; }

div#popcontainer form input.disabled {
	border: 2px solid #F2F2F2;
	background-color: #F2F2F2; }

div#popcontainer form input.required {
	border: 2px solid #c00; }

div#popcontainer div.buttonrow { 
	text-align: center;}

div#popcontainer form input.validation-failed {
	border: 2px solid #FF3300;
	color : #FF3300; }

/* If validation passed by the javascript */

div#popcontainer form input.validation-passed {
	border: 2px solid #00CC00;
	color : #009900; 
	background: transparent url(/images/ok.gif)  no-repeat top right; }

div#popcontainer form .validation-advice {
	margin: 10px 0;
	font-size: 90%;
	color : #fff;	
	text-align: center;
	font-weight: bold;
	border: #FF0000 solid 1px;
	background: #900 url(/images/cancel.gif) no-repeat center right;}

/* Basic definition for form elements */

div#popcontainer form fieldset {
	padding: 1em;
	margin-bottom: 0.5em; }

div#popcontainer form label {
	font-weight: bold;}

div#telcontainer {
	margin: 0 auto;}
	
div#handtel {
position: relative;
float: left;
left: -16px;
top: -8px;
}

div#handtel img {
-moz-opacity:  0.9;
opacity: .9;
filter: alpha(opacity=90);
}