/* Container element */

div#popcontainer {
width: 400px !important;
height: 350px !important;
width: 410px;
height: 360px;
margin: 0 auto;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 4px solid #056907 !important;
-moz-border-radius: 8px;
border-radius: 8px;
color: #000;
background: transparent url(../images/popbg.jpg) bottom left repeat;
}

/* 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: #056907;
	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: #056907;
	text-decoration: none;
}
div#popcontainer .cnil:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	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: #056907;
	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;
	font-weight: bold;
	margin-right: 10px; 
	padding-right: 10px; 
	width: 80px; 
	display: block; 
	float: left; 
	text-align: right; 
	position: relative; 
	color:#000; }

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

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

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: #056907; 
	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 #056907; }

div#popcontainer div.buttonrow { 
	text-align: center;
	margin-top:6px;}

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 label {
	font-weight: bold;}

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

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