/* CSS Document */
html, body{
	height: 100%;
}
body{
	padding: 0px;
	margin: 0px;
	background-image: url(images/main_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;	
	color: #63686b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
}

#container{
	width: 990px;
	height: 570px;
	margin:auto;
}


	.leftWrp{
		float: left;
		width: 230px;
		height: 570px;
		background: url(images/left_wrp.jpg);
	}
	
	.rightWrp{
		float: left;
		width: 759px;
		height: 554px;
		padding-top: 15px;
		border-bottom: 1px solid #000;
	}
	
#top-content{
	position: relative;
	width: 760px;
	height: 28px;
}

	div.langue{
		position: absolute;
		right: 0px;
		top: -15px;
		font-size: 10px;
	}

	.text-standard_underline10{
		font-size:10px;
		color: #63686b;
	}

	#menu-top{
		width: 758px;
		height: 23px;
		border-left: #000000 1px solid;
		border-right: #000000 1px solid;
		background-color:#000000;
	}

		#menu-top-line{
			width: 758px;
			height: 5px;
			background-image:url(images/menu-top-bottom-line.jpg);
			border-left: #000000 1px solid;
			border-right: #000000 1px solid;
			font-size:2px;
			
		}

		.menu-container{
			float: left;
			width: 152px;
			height: 23px;
			text-align:center;
		}
		
		.menu-container-1{
			float: left;
			width: 132px;
			height: 23px;
			text-align:center;
		}
		
		.menu-container-2{
			float: left;
			width: 212px;
			height: 23px;
			text-align:center;
		}
		
		.menu-container-{
			float: left;
			width: 80px;
			height: 23px;
			text-align:center;
		}

#main-content{
	width: 758px;
	height: 492px;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	background-color:#FFFFFF;
}

#main-content-grey{
	width: 758px;
	height: 492px;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	background:url(images/main-bg-grey_.jpg) repeat-y #FFFFFF;
}

#iframe-container{
	width: 488px;
	height: 492px;
	padding: 0px 0px 0px 135px;
}

#grey-container{
	width: 448px;
	padding: 40px 155px 0px 155px;
}

#bottom{
	height: 22px;
	width: 703px;
	border: 1px solid #000;
	background: #000;
	padding-left: 55px;
}

#bottom-grey{
	height: 22px;
	width: 758px;
	border-bottom: 1px solid #000;
}

#bottomModeEmploi{
	height: 77px;
	width: 758px;
	background-image: url(images/bottom-menu_modeEmploi.jpg);
}

.menu-bottom{
	float: left;
	height: 22px;
	padding: 5px 17px 0px 17px;
}
.menu-bottom-grey{
	float: left;
	height: 22px;
	padding: 0px 17px 0px 17px;
}

.bottom_link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dcddde;
	text-decoration:none; 
}

.bottom_link:hover{
	color: #999999;
	text-decoration:underline; 
}

/* ========= CONTENT ============ */
.text-11-bold{
	font-size:12px;
	font-weight: bold;
}

.text-14-bold{
	font-size:14px;
	font-weight: bold;
}

.text-standard{
	font-size:12px;
	text-decoration: none;
	color: #63686b;
}

.text-standard:hover{
	text-decoration: underline;
	color: #999999;
}

.text-standard_underline{
	font-size:12px;
	color: #63686b;
}

.text-standard_underline:hover{
	text-decoration: underline;
	color: #999999;
}

.top-spacer{
	width: 758px;
	height: 50px;
}

/* ========= HOME ============ */
.homeLeftLink{
	float: left;
	width: 379px;
}

.homeRightLink{
	float: right;
	width: 379px;
	text-align: right;
}

.homeModifier{
	padding-top: 18px;
	width: 758px;
	text-align:center;
}

.homeText{
	width:  423px;
	margin: 25px 167px 30px 167px;
}

.home-img{
	width: 758px;
	height: 210px;
	background-image:url(images/home-products_.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

/* ========= FAQS ============ */
.faqTitle{
	width: 120px;
	height: 34px;
	margin: 0px 0px 25px 40px;
	background-image: url(images/faqs-title_.jpg);	
}

.faqQuestionContainer{
	width: 700px;
	margin: 0px 10px 0px 40px;
}

.faqAnswer{
	float: right;
	width: 370px;
}

.faqQuestions{
	width: 250px;
	margin: 0px 0px 10px 0px;
}

/* =========  EMPLOI ============ */
.emploiTitle{
	width: 335px;
	height: 34px;
	margin: 0px 0px 25px 48px;
	background-image: url(images/emploi-title_.jpg);		
}

.emploiText-1{
	padding: 4px 0px 30px 30px;
	margin-left: 48px;
	width: 300px;
	background-image: url(images/number-1.jpg);
	background-repeat:no-repeat;
}

.emploiText-2{
	padding: 4px 0px 30px 30px;
	margin-left: 48px;
	width: 300px;
	background-image: url(images/number-2.jpg);
	background-repeat:no-repeat;
}

.emploiText-3{
	padding: 4px 0px 30px 30px;
	margin-left: 48px;
	width: 300px;
	background-image: url(images/number-3.jpg);
	background-repeat:no-repeat;
}

/* ========= DE QUOI SAGIT IL? ============ */
.quoiTitle{
	width: 335px;
	height: 34px;
	margin: 0px 0px 25px 49px;
	background-image: url(images/quoi-title_.jpg);		
}

.quoiTexte{
	width: 520px;
	margin: 0px 0px 0px 49px;
}

/* ========= Qui sommes nous? ============ */
.quiTitle{
	width: 211px;
	height: 34px;
	margin: 0px 0px 25px 48px;
	background-image: url(images/qui-title_.jpg);		
}

.quiTexte{
	width: 390px;
	height: 356px;
	border-right: 1px solid #929699;
	margin: 0px 0px 0px 48px;
	float: left;
}

.quiTexte2{
	width: 300px;
	height: 356px;
	margin: 0px 0px 0px 17px;
	float: left;
}

/* ========= Contact ============ */
.contactTitle{
	width: 139px;
	height: 34px;
	margin: 0px 0px 25px 48px;
	background-image: url(images/contact-title_.jpg);		
}

.contactTexte{
	width: 380px;
	margin: 0px 0px 0px 48px;
}

/* ========= Entreprise ============ */

.entrepriseTitle{
	width: 504px;
	height: 34px;
	margin: 0px 0px 25px 48px;
	background-image: url(images/entreprise-title_.jpg);		
}

.entrepriseTexte{
	width: 560px;
	margin: 0px 0px 0px 48px;
}

/* ========= Left Frame ============ */

#left-frame{
	float: left;
	width: 135px;
	height: 492px;
	/*492 - 397*/
}

#left-frame_{
	float: left;
	width: 135px;
	padding-top: 30px;
	height: 462px;
}

/* ========= Right Frame ============ */
#right-frame{
	float: left;
	width: 135px;
	height: 492px;
}

#right-frame_{
	float: left;
	width: 135px;
	padding-top: 30px;
	height: 462px;
}
/* ========= Center Frame ============ */
#center-frame{
	float: left;
	width: 488px;
	height: 462px;
	padding-top: 30px;
	background-color: #e0e1e3;
}

#center-frame_ALL{
	float: left;
	width: 623px;
	height: 462px;
	padding-top: 30px;
	background-color: #e0e1e3;
}

/* ========= Divers ============ */
#key-tag{
	width: 424px;
	height: 129px;
	background-image: url(images/key-tag-1_.jpg); 
	background-position: bottom right;
	background-repeat:no-repeat;
}

/* ========= ACTIVATE ============ */
.form_profile_1_1{
	width: 75px;
	float: left;
	height: 24px;
	padding-top: 2px;
	vertical-align: middle;	
	text-align: right;
	/*background: red;*/
}

.form_profile_1_2{
	width: 207px; 
	float: left;
	height: 26px;
	/*background: blue;*/
}

.form_profile_1_11{
	width: 75px;
	float: left;
	height: 18px;
	padding-top: 2px;
	vertical-align: middle;	
	text-align: right;
	/*background: red;*/
}

.form_profile_1_21{
	width: 207px; 
	float: left;
	height: 18px;
	/*background: blue;*/
}
.form_profile_{
	float: left;
	width: 276px;
	font-size: 10px;
	padding-left: 6px;
	padding-bottom: 2px;
}

.form_profile_1_1_{
	width: 75px;
	float: left;
	height: 24px;
	padding-top: 2px;
	vertical-align: middle;	
	text-align: right;
	/*background: red;*/
}

.form_profile_1_2_{
	width: 140px; 
	float: left;
	height: 26px;
	/*background: blue;*/
}