/* ############################################################################
	SITE NAME
	SQLI 2009
############################################################################ */

/* ############################################################################
     1: CSS RESET
############################################################################ */
/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

/* Normalise les tailles de polices pour les entetes */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* supprime list-style pour les listes */
ol, ul {list-style:none;}

/* Normalise les styles et graisses des fonts : font-style et font-weight sont "normal" */
adress, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

/* supprime les bordures dans les tableaux */
table {border-collapse:collapse; border-spacing:0;}

/* supprime les bordures des les elements  img */
img {border:0;}

/* aligne le texte a gauche dans caption et th */
caption, th {text-align:left;}

/* supprime les apostrophe double (guillement anglais) autour de q */
q:before, q:after {content:'';}

/* affiche le curseur "main" sur tous les liens */
a {cursor:hand;}

/* ############################################################################
     2: GENERIC STYLES FOR TAGS
############################################################################ */

body{
	font-size:11px; 
	font-family:Arial, Verdana, sans-serif; 
	color:#000; 
	background:url(../images/vp_body.gif) repeat-x #dcd0d2;
	margin:30px 0 70px 0;
	}

/* TITLES ***************************************************************** */
h1{padding:0 0 0 0; font-size:24px;}
h2{font-weight:bold; font-size:12px; padding:0 0 7px 0; color:#f21e8c;}
h3{font-weight:bold; font-size:12px; padding:0 0 20px 0; color:#000; }



/* CONTENTS ***************************************************************** */
div{text-align:left;}
strong{font-weight:bold;}
p{padding:0 0 10px 0;}

/* LISTS ***************************************************************** */
ul, ol, dl{margin:0 0 10px 0;}
	ul li{padding:0 5px 0 10px; background:url(../images/li_common.gif) no-repeat 0 5px;}
	ol li{}
dt{font-weight:bold;}
dd{}

/* LINKS ****************************************************************** */
a{text-decoration:underline; color:#f21e8c;}
a:hover{text-decoration:none;}

/* FORMS ************************************************************* */


/* TABLEAU **************************************************************** */


/* ############################################################################
     STRUCTURE FOR ID
############################################################################ */

#vp_site{
	width:690px; 
	border:1px solid #c1bbbc; 
	padding:10px; 
	margin:auto; 
	background:#fff; 
	overflow:hidden;
	}
	#vp_ban{
		width:690px; 
		margin:0; 
		padding:0;
		}
	#vp_header{
		width:690px; 
		padding:10px 0 10px 0; 
		text-align:center; 
		font-size:12px;
		}
	#vp_main{
		width:690px; 
		background:url(../images/vp_main.gif) repeat-x top left #f5e9eb; 
		padding:21px 0 0 0;
		overflow:hidden;
		margin:0;
		}
	#vp_inner_main{
		width:690px; 
		overflow:hidden; 
		}
		#vp_content{
			width:394px; 
			padding:0 12px 0 18px; 
			float:left; 
			background:url(../images/vp_content.gif) repeat-y top right;
			color:#846d73;
			}
		#vp_context{
			width:230px; 
			padding:0 18px 0 18px; 
			float:right;
			}

	#vp_footer{
		width:654px; 
		overflow:hidden; 
		padding:42px 18px 10px 18px; 
		color:#846d73;
		}

/* ############################################################################
     COMMON CLASSES
############################################################################ */	
.clear{height:0; clear:both;}
.alert{color:#CC0000;}
.links{}
	.links li{padding:0 5px 0 8px; background:url(../images/li_links.gif) no-repeat 0 5px;}
.advert{border:1px solid #DBDBDB;}
.submitForm{border:none;}
.topPng{}
.bottomPng{}

/* ############################################################################
     SPECIFIC STYLES
############################################################################ */	
/* HEADER */
#vp_header p {
	font-weight:bold; 
	padding:0 0 10px 0;
	}
#vp_header span {
	color:#f21e8c;
	}
#vp_header p.error_off {
	display:none;
	}
#vp_header p.error_on {
	color:#0074CD;
	border:1px solid #0074CD;
	padding:0;
	margin-top:10px;
	}

/* CONTENT */

#vp_content h3{
	padding:0 0 10px 0;
	}
	#vp_content h3 span {
		display:block; 
		padding:2px 0 0 0;
		color:#846d73; 
		font-size:11px; 
		font-weight:normal; 
		}
		#vp_content h3 span img{
			padding:0 0 2px 0;
			}
		
/* CONTENT FORMULAIRE GENERALE*/
#partnerRequired 
{
    padding : 0px 0px 15px 18px;
}
		#partnerRequired span.titleErrorLabel, label.titleErrorLabel,#partnerRequired label.titleErrorLabelHide
		{
			/*width:250px;*/
			color:#ED5705;
			font-weight:bold;
			text-align:center;
		}

#vp_content ul {
	padding:0; 
	margin:0;
	
	}
	#vp_content ul li {
		padding:0 0 9px 0; 
		margin:0;
		overflow:hidden;
		}
		#vp_content ul li.last{
		padding:0 0 0 0; 
		}
		#vp_content ul li label{
			display:block;
			width:140px;
			font-weight:bold;
			float:left;
			padding:3px 0 0 0;
			}
			* html #vp_content ul li label{
				margin-right:-3px;
				}		
			#vp_content ul li label img{
				padding:0 0 2px 0;
				}
				
		#vp_content ul li label.titleErrorLabel,span.titleErrorLabel,#vp_content ul li label.titleErrorLabelHide,#vp_footer label.titleErrorLabel,#vp_footer label.titleErrorLabelHide
		{
            display:block;
			/*width:250px;*/
			color:#ED5705;
			font-weight:normal;
		}
		#vp_content ul li label.titleErrorLabelHide,#vp_footer label.titleErrorLabelHide
		{
            display:none;
		}
		#vp_content ul li input.errorForm,#vp_content ul li select.errorForm,#vp_content ul li textarea.errorForm {
			background-color: #ffc;
		}

		#vp_content ul li input{
			border:1px solid #c4bbbd; 
			height:18px; 
			width:252px;
			}
		#vp_content ul li select{
			border:1px solid #c4bbbd; 
			height:20px; 
			width:254px;
			}
			#vp_content ul li p{
			padding:0 0 0 141px;
			overflow:hidden;
			clear:both;
			}
				#vp_content ul li p.error_off {
					visibility:hidden;
					height:0px;
					}
				#vp_content ul li p.error_on {
					color:#0074CD;
					}

#vp_content input#country {background:#fff; color:#000;}
					
/* CONTENT FORMULAIRE SELECT*/
#vp_content ul li div {
	float:left;
	width:254px;
	overflow:hidden;
	}
	#vp_content ul li select#cbBirthDateDay,
	#vp_content ul li select#cbBirthDateMonth,
	#vp_content ul li select#cbBirthDateYear{
		float:left;
		}	
	#vp_content ul li select#cbBirthDateDay {
		width:62px;
		}
		* html #vp_content ul li div {
			margin:0 0 0 3px;
			}
	#vp_content ul li select#cbBirthDateMonth {
		width:91px; 
		margin:0 0 0 10px;
		}
	#vp_content ul li select#cbBirthDateYear {
		width:80px; 
		margin:0 0 0 10px;
		}

/* CONTENT FORMULAIRE RADIO*/
#vp_content ul li span.radio input{
	display:block; 
	width:14px; 
	float:left; 
	border:none; 
	margin:1px 0 0 0;
	}
#vp_content ul li label.radio {
	float:left; 
	width:auto; 
	padding-right:35px; 
	padding-left:4px; 
	font-weight:normal;
	}
#vp_content ul li label.radio_last {
	width:auto; 
	padding-right:0px; 
	padding-left:4px; 
	font-weight:normal;
	}	

/* CONTENT CAPTCHA*/	
#vp_content ul li.captcha div{
	width:254px;
	}
#vp_content ul li.captcha label {
	padding:10px 0 0 0;
	}	
#vp_content ul li.captcha div.captcha{
	width:252px;
	height:38px;
	}	
#vp_content ul li.captcha div.captcha img{
	border:1px solid #c4bbbd;
}
/* CONTEXT */
#vp_context p {
	padding:0 0 40px 0;
	line-height:15px;
	}
#vp_context ul {
	padding:0 0 40px 0; 
	margin:0;
	}
	#vp_context ul li {
		padding:0 0 2px 0; 
		margin:0;
		font-weight:bold;
		}
		#vp_context ul li a{
			display:block; 
			padding:2px 0 0 0; 
			margin:0;
			font-weight:normal;
			color:#f21e8c;
			}
			#vp_context iframe {margin:0 0 40px 0;}

/* FOOTER */
#vp_footer input {
	display:block; 
	float:left; 
	margin:0 5px 0 0;
	}
#vp_footer p.terms{
	float:left; 
	width:632px;
	padding:0;
	margin:0 0 5px 0;
	}
	* html #vp_footer p.terms {
		padding:3px 0 0 0;
		}
	*:first-child+html #vp_footer p.terms {
		padding:3px 0 0 0;
		}
	#vp_footer p.terms img{
		padding:0 0 2px 0;
		}
#vp_footer input.subscribe {
	margin:0 auto;
	float:none;
	padding:0 0 0px 0;
	
	}
	
#vp_footer p.policy {
	text-align:center;
	font-size:10px;
	color:#000;
	padding:0;
	}