/* css file */

body {
	margin:0 auto;
	font-family:Arial;
	font-size:12px;
	background: url('../bo/pictures/background.png') no-repeat;
	background-position: center;
	background-color: #000;
}

ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
ul li {
	padding-bottom:2px;
	text-decoration:none;
	margin:10px 0px;
}

/*************************************/
/*			GENERAL - BUTTON		 */
/*************************************/
.buttonLeft {
	width:14px;
	height:24px;
	background:url('../pictures/button_left.png') no-repeat;
}
.buttonCenter {
	height:24px;
	background:url('../pictures/button_center.png') repeat-x;
}
.buttonCenter a {
	text-decoration:none;
	color:#FFF;
}
.buttonRight {
	width:15px;
	height:24px;
	background:url('../pictures/button_right.png') no-repeat;
}

.logo {
	position:absolute;
	margin-left:20px;
	top:0px;
}
.footer {
	height:88px;
	width:981px;
	background:url('../bo/pictures/footer.png') no-repeat;
	text-align:right;
	position: relative;
}

.container {
	width:981px;
	margin:auto;
	margin-top: 8px;
}

.inputField {
	height:17px;
	width:111px;
	color:#22365f;
	border: 0;
	font-family: Calibri;
	font-size: 11px;
	background: url('../bo/pictures/input_bg.png') no-repeat;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 13px;
	margin-right: 5px;
	
}
.inputField.middle {
	width: 143px;
	background: url('../bo/pictures/input_bg_middle.png') no-repeat;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 2px;
}
.inputField.long {
	width: 283px;
	background: url('../bo/pictures/input_long_bg.png') no-repeat;
	padding-left: 8px;
	padding-right: 8px;
}

.selectField {
	font-family: Calibri;
	font-size: 11px;
	color:#22365f;
	height:19px;
	width:159px;
	/*padding:3px 5px 3px 5px;*/
	color:#22365f;
	border: 0;
	/*background: url('../bo/pictures/select_bg.png') no-repeat;*/
	padding-left: 10px;
	margin-bottom: 13px;
	overflow: hidden;
}

.textareaField {
	height:19px;
	max-height: 19px;
	width:153px;
	padding:5px 5px 0px 5px;
	color:#22365f;
	border: 0;
}

.checkboxField {
	position:relative;
	top:2px;
	border:none;
}

.product_presentation {

}

.clear {
	float: none;
	clear: both;
}

.content_top {
	margin-top: 10px;
}

.content {
	background:url('../bo/pictures/body_bg.png') no-repeat;
	background-color: #f7f7f7;
	width: 959px;
	padding: 10px;
	border-left: 1px solid #979b9f;
	border-right: 1px solid #979b9f;
}

.leftColumn, .rightColumn {
	float: left;
	position: relative;
}

.leftColumn {
	width: 630px;
	margin-right: 9px;
}

.rightColumn {
	width: 289px;
	padding: 14px;
	border: 1px solid #dddddd;
}
.title {
	font-family: Lucida Sans Unicode;
	font-size: 24px;
	color: #22365f;
}
.description {
	margin-top: 24px;
	padding-bottom: 19px;
	margin-bottom: 19px;
	border-bottom: 1px dotted #7baac7;
}
.picture {
	text-align: center;
}
.key_features .subtitle {
	font-family: Lucida Sans Unicode;
	font-size: 24px;
	color: #22365f;
	padding-bottom: 12px;
	border-bottom: 1px dotted #7baac7;
	margin-bottom: 15px;
	margin-top: 10px;
}
.campaignForm {
	background: #f29400;
	width: 610px;
	padding: 10px;
}
.campaignForm  .subtitle{
	font-family:  Lucida Sans Unicode;
	color: #fff;
	font-size: 30px;
	margin-bottom: 21px;
}
.key_features .features {
	list-style-image:url("../bo/pictures/key_features_puce.png");
	padding-left: 20px;
	color: #60b1e2;
	font-weight: bold;
}
.call_to_action_text {
	font-family: Calibri;
	font-size: 11px;
	font-style: italic;
	color: #22365f;
	margin-top: 5px;
}
.terms_and_conditions {
	font-size: 12px;
	color: #fff;
}

.select, .inputField {
	float: left;
}
.select .middle select {
	height: 19px;
}
.select .middle {
	background: #fff;
}
.select .border_left, .select .middle, .select .border_right {
	float: left;
	height: 19px;
}
.select .border_left {
	background: url(../bo/pictures/input_border_left.png);
	width: 7px;
}
.select .border_right {
	background: url(../bo/pictures/input_border_right.png);
	width: 7px;
}
.submit #submit .middle input {
	height: 18px;
}
.submit {
	width: 190px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	
}
.submit .formButton {
	height: 19px;
	float: right;
	border: 0;
	margin-left: 5px;
	width: 
}
.submit .formButton .border_left, .submit .formButton .middle, .submit .formButton .border_left {
	float: left;
}
.submit .formButton .middle {
	background: #fff;
	height:19px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

.submit .formButton .border_left {
	width: 7px;
	height:19px;
	float: left;
	background: url('../bo/pictures/input_border_left.png') no-repeat;
}
.submit .formButton .border_right {
	width: 7px;
	height:19px;
	float: right;
	background: url('../bo/pictures/input_border_right.png') no-repeat;
}
.submit .formButton .middle, .submit .formButton .border_left, .submit .formButton .border_right {
	float: left;
}
#submit .middle input {
	color: #57abdf;
	border: 0;
	background: #fff;
	height: 18px;
}
.footer .text {
	position: absolute;
	bottom: 18px;
	right: 13px;
	color:#22365f;
	font-family: Arial;
	font-size: 10px;
}
/******** POPUP *********/
#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:1;
}  
#popupContact{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:300px;  
	width:408px;  
	background:#FFFFFF;  
	border:2px solid #cecece;  
	z-index:2;  
	padding:12px;  
	font-size:13px;  
}  
#popupContact h1{  
	text-align:left;  
	color:#33B4DE;  
	font-size:22px;  
	font-weight:700;  
	border-bottom:1px dotted #33B4DE;  
	padding-bottom:2px;  
	margin-bottom:20px;  
}  
#popupContactClose{  
	font-size:18px;  
	line-height:14px;  
	right:6px;  
	top:4px;  
	position:absolute;  
	color:#33B4DE;  
	font-weight:700;  
	display:block;  
	cursor:pointer;
}  
.button{
	cursor:pointer;
}

/*********** INPUT FILE **********/
#conteneurFile #divFile
{
	position:relative;
	float:left;
	width : 100%;
	text-align:left;
}
#conteneurFile .inputFile
{
	opacity : 0; /* for !IE */
	filter : alpha(opacity=0); /* for IE */
	position : absolute;
	left : 20px;
	top : 2px;
	height: 19px;
	width: 235px;
	z-index: 2;

}
#conteneurFile .inputText
{
	border : none;
	color:#FFF;
	background : #1D708F;
	border : 1px solid #1D708F;
	width : 155px;
	height:19px;
	padding-top:4px;
	padding-right:4px;
	padding-left:4px;
	float: left;
	z-index: 1;

}
#conteneurFile span
{
	padding : 5px 10px 4px 10px;
	/*height:25px;*/
	/*width:100px;*/
	margin-left: 5px;
	text-align:center;
	border:1px solid #8080B5;
	color:#8080B5;
	float: left;
}