/***** Height 100% *****/
html,body{
	margin:0;
	padding:0;
	height:100%;
}
/***** Centrer body *****/
body {
	margin: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	background-color: #DFDFE0;
}
/***** div principale *****/
#global {
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	width: 1053px;
	text-align: left;
	background-image: url(images/fond-global.png);
	background-repeat: repeat-y;	
	min-height:100%;
}
/***** logo *****/
#logo {
	/* à cause des dégradés */
	padding-left: 63px; 
	float: left;
	width: 202px;
	height: 30px;
	
	/* pour le texte */
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
	color: #4F71B7;
}
/***** haut *****/
#head {
	/* à cause des dégradés */
	margin-right: 69px;
	margin-left: 285px;
	width: 686px;
	height: 30px;
	background-image: url(images/fond-head.png);
	background-repeat: no-repeat;
		

	/* pour le texte */
	padding-top: 60px;
	text-align: right;
	vertical-align: text-bottom ;
	font-family: Arial;
	font-size: 10pt;
	color: #4F71B7;
}

/***** Menus *****/
#menu {
	margin-top: 15px;
	margin-left: 77px;
	margin-right: 79px; 
	background-image: url(images/fond-menu.png);
	background-repeat: repeat-x;
	height: 21px;
	
	/* pour le texte */
	padding-bottom: 1px;	
}
.bouton-menu {
	display: inline;
	margin-right: 5px; 
	border:0px;
}

.langues {
	display: inline;
	margin-left: 440px; 
	vertical-align: text-top;

	/* pour le texte */	
	font-family: Arial;
	font-size: 9pt;
	color: #818181;
}

/***** Conteneurs Principaux *****/
#contenu {
	padding-top: 20px;
	margin-left: 77px;
	margin-right: 69px;
}

#contenu-gauche {
	width:339px;
	padding-top: 10px;
	margin-right: 35px; 
	float:left;
}

#contenu-droite {
	width: 323px;
	padding-top: 10px;
	margin-right: 35px; 
	float:left;
}

#menu-droite {
	float:left;
	padding-top: 10px;

}

/***** Box présentation *****/
#presentation {
	width:339px;
}
.text-presentation {
	background-image: url(images/fond-presentation.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 3px;
	
	/* pour le texte */	
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 9pt;
	color: #686868;	
}

/***** Boxes Batiment-Industrie-Divers *****/
.secteurs {
	width: 339px;
	margin-bottom: 5px;
}
.text-secteurs {
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 7px;
	border-bottom: 1px #C7C8CA solid; 
	border-left: 1px #C7C8CA solid;
	border-right: 1px #C7C8CA solid;
	
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	/* pour le texte */	
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 9pt;
	color: #686868;
		
}
.savoir-plus {
	
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
	
	/* pour le texte */	
	text-align: right;
	
	font-family: Arial;
	font-weight: bold;
	font-size: 9pt;
	color: #686868;
	text-decoration: underline;
}

/***** Consulter les annonces + Déposer une candidature *****/
.annonces {

	text-align: center;
	font-family: Arial;
	font-size: 9pt;
	color: #4F71B7;
	margin-bottom: 8px;
	font-weight: bold;

}

/***** Postes à pourvoir *****/
.postes {
	background-color: #FFFDF5;
	border-bottom: 1px #FFCD07 solid;	
	width: 323px;
}
.text-postes {
	margin-top: 10px;
	margin-bottom: 7px;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	/* pour le texte */	
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 8pt;
	color: #686868;
	
	scrollbar-face-color: #99AACC;
	scrollbar-shadow-color: #99AACC;
	scrollbar-highlight-color: #99AACC;
	scrollbar-3dlight-color: #111111;
	scrollbar-darkshadow-color: #557799;
	scrollbar-track-color: #FBFBFB;
	scrollbar-arrow-color: #003399;

		
}
.separation {
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	color: #FFCD07;
	letter-spacing: 2px;
}

.listepostes {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 7px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	/* pour le texte */	
	text-align: left;
	vertical-align: top;
	font-family: Arial;
	font-size: 8pt;
	color: #686868;
}
.unpostegauche{
	vertical-align: top;
	padding:4px;
	margin:0px;
	height:100px;
}
.unpostedroite{
	vertical-align: top;
	padding:4px;
	margin:0px;
	height:100px;
}


/***** Nos références *****/
#references {
	margin-bottom: 50px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 9pt;
	color: #686868;
}
.text-references {
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 11pt;
	color: #686868;
}

/***** Contact *****/
#contact {
	width: 166px;
	line-height:0px;	
}

.text-contact {
	
	margin:0px;
	padding:3px;
	border-bottom:1px #003399 solid;
	border-left:1px #003399 solid;
	border-right:1px #003399 solid;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:0px;
	
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-size: 11px;
	color: #003399;
	line-height:20px;	
	_margin-top:-7px;
}


/***** Clients *****/
#clients {
	width: 166px;
}
.text-clients {
	padding-left: 10px;
	padding: 5px;
	border-left:1px #003399 dashed ;
	border-right:1px #003399 dashed ;
	
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-size: 9pt;
	color: #003399;
	
	_margin-top:-8px;
	
	height: auto;
	min-height: 350px;
	_height: 350px; //Hack min-height pour IE
	
}

/***** Bas de page *****/
#bottom {

	margin-left: auto;
	margin-right: auto;
	padding:0px;
	padding-top: 25px;
	width: 1053px;

	
	text-align: left;
	background-image: url(images/fond-global.png);
	background-repeat: repeat-y;	
	
	text-align: center;
	vertical-align: bottom;
	font-family: Arial;
	font-size: 8pt;
	color: #686868;

}
.text-botom{
	text-align: center;
	vertical-align: bottom;
	font-family: Arial;
	font-size: 8pt;
	color: #686868;
}
#footer {
	float:left;
	background-color:#C7C8CA;
	height:25px;
	width:100%;
}

/***** Séparateur pour que le float ne déborde pas *****/
.separateur{ 
	clear: both; 
}

/***** Images *****/
.image{
	border:0;
}


/***** Espace Client *****/
#espace-client {
	float:left;	
}
.text-espace-client {
	padding-top: 10px;
	float:left;
	
	margin-top: 0px;
	margin-bottom: 7px;
	
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 3px;
	
	/* pour le texte */	
	text-align: left;
	vertical-align: top;
	font-family: Arial;
	font-size: 9pt;
	color: #686868;
}

.input{
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
	width: 100px;
	height: 12Px;
	margin-bottom:4px;
}
.file{
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
	height: 18px;
	margin-bottom:4px;
}
.textarea{
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
	width: 180px;
	margin-bottom:4px;
}


/***** Boxe flottante *****/
.absolutebox{
	position: absolute;
	visibility: hidden;
	top:1px;
	left:1px;
}

.lien{
	font-family: Arial;
	font-size: 9pt;
	color: #003399;
	text-decoration: underline;
}